:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.Project mention: React Boilerplates in 2021 - The complete guide | dev.to | 2021-06-13
Another tool worth adding to the list when it comes to setting up a react project is react-boilerplate. On its landing page, react-boilerplate provides this description:
An alternative side effect model for Redux appsProject mention: Having a hard time with Redux/Redux Saga, any tips? | reddit.com/r/reactjs | 2021-05-18
Have you tried reading through the saga docs at https://redux-saga.js.org/ ?
Scout APM - Leading-edge performance monitoring starting at $39/month. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
Official React bindings for ReduxProject mention: useReducer & useContext design patterns? | reddit.com/r/reactjs | 2021-06-06
Maybe you've got WYSIWYG state. That should definitely go in Redux, so it can be saved and rehydrated easily.
Create the next immutable state by mutating the current oneProject mention: About the redux best practice "Do not put non-serializable values in state or actions" | reddit.com/r/reactjs | 2021-06-23
I generally agree with this BUT I have been using Dates, Maps, and Sets in Redux with immer without any issues. I kinda feel like, for 90% of store slices, you should use immer as it’s better for front end perf anyways.
Normalizes nested JSON according to a schemaProject mention: Modify Deep State of App | reddit.com/r/reactjs | 2021-06-17
That's a great hunch. Usually on real apps with APIs you'll use something like Normalizr to flatten your data structure. For it to work you will need a unique id for every data point.
Selector library for ReduxProject mention: Filtering array in redux | reddit.com/r/reactjs | 2021-05-15
You shouldn't be filtering in the reducer, you will want to use selectors. Take a look at Reselect. There are filtering examples in the readme. For example, you might save the search term in the reducer, create a selector to get your list, and a selector to get your search term. Combine those with `createSelector` to create a filtered list of your items.
📚 Study guide and introduction to the modern front end stack.Project mention: Front-end guide from Grab | reddit.com/r/u_hasanlock | 2021-03-02
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!Project mention: Front End, React. js and React Native interview - Junior / Mid | reddit.com/r/reactjs | 2021-05-29
A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows.Project mention: React Native Vs. Flutter: The Key Differences Every Mobile App Developer Should Know In 2021 [Guide For Beginners] | dev.to | 2021-06-16
reactotron, — for inspecting and debugging your macOS, Windows, and Linux apps
Redux DevTools extension.Project mention: Part 2: Redux-React | dev.to | 2021-06-16
Redux DevTools, https://github.com/zalmoxisus/redux-devtools-extension React Developer Tools, https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi/related?hl=ko
A Higher Order Component using react-redux to keep form state in a Redux storeProject mention: Form validation in React using the useReducer Hook | dev.to | 2021-04-26
There are a lot of libraries out there for validating forms in react. Redux-Form, Formik, react-final-form are few among them.
A modified web browser that helps in responsive web development. A web developer's must have dev-tool.Project mention: How do I make my website work on all browsers? | reddit.com/r/programminghelp | 2021-05-03
There is also a tool called responsively app. https://responsively.app/
The point I was making though is that "WordPress" can mean two different things - wordpress.org (the self-hosted LAMP version) or wordpress.com, which is a SaaS offering (so the language is more or less irrelevant unless you're really interested in running your own admin frontend, I guess).
persist and rehydrate a redux storeProject mention: How to cache data? | reddit.com/r/reactnative | 2021-06-23
It seems like redux-persist is no longer maintained.. https://github.com/rt2zz/redux-persist/issues/1275
React + Redux starter kit / boilerplate with Babel, hot reloading, testing, linting and a working example app built inProject mention: 12+ React Boilerplates & Starter Kits For Developers In 2021 | dev.to | 2021-05-11
A Beautiful Open Source RSS & Podcast App Powered by Getstream.ioProject mention: How to keep developer documentation up to date in a CI/CD world | dev.to | 2021-03-17
Source: add Note API
Build Offline-First Apps for Web and React NativeProject mention: Do you know a tutorial that exaplains how to allow CRUD API calls offline in a React PWA? | reddit.com/r/reactjs | 2021-01-28
https://github.com/redux-offline/redux-offline Worth a look as well
Logger for ReduxProject mention: Awesome Redux Cheat Sheet | dev.to | 2021-05-13
A Redux binding for React Router v4Project mention: Setting up Redux Toolkit and React Router | dev.to | 2021-05-05
Info on setting up linking and routing to pages: https://github.com/supasate/connected-react-router/blob/master/FAQ.md#how-to-navigate-with-redux-action
Vegetarian friendly state for ReactProject mention: State Management Battle in React 2021: Hooks, Redux, and Recoil | reddit.com/r/reactjs | 2021-04-08
There are plenty more libraries I didn’t have space to cover here, like Zustand, easy-peasy, and others. Check those out though, they’re nice too :)
I can recommend that you use docker for your API for better teamwork, less dependency version issues, best practices, and prepare your app to be easily deployed. I can recommend you to use a React-Native boilerplate for example this one: https://github.com/thecodingmachine/react-native-boilerplate. It was designed to realize real world applications, each React-Native application is created thanks to this boilerplate in my company. It works for small and large applications! It includes eslint, prettier, typescript (if you want), react-navigation, redux, i18next and everything you need for a great app!
My portfolio website simulating macOS's GUI, developed with React and Tailwind CSS.Project mention: 10 cool links for developers that I think you'll like | dev.to | 2021-05-17
https://portfolio.zxh.io/ - MacOS emulation that is really a job portfolio.
Create forms easily in React with Redux.