|about 10 hours ago||6 days ago|
|MIT License||MIT License|
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
State management on backend for VSCode LSP extension
1 project | reddit.com/r/vscode | 5 Jul 2022
If you like Redux, you should be able to use it on the backend just fine. You will want to use the Redux library directly, as opposed to the react-redux bindings you are probably used to.
React seems very flawed
1 project | reddit.com/r/learnprogramming | 5 Jul 2022
All your problems can be fixed with redux, the new redux toolkit is amazing for loading data asynchronously, it decouples the data fetching logic from your components and you can also have nested states. Try it out! redux.js.orgRedux Website
Component Breakdown & State Management ⚙ - Building a tic-tac-toe game with React from scratch
1 project | dev.to | 3 Jul 2022
React applications work with data that may frequently change and the UI needs to update in respond to these changes. Such data is called state, and it can be stored either in the global scope, where it is accessible to all components, or in the component scope, where it is accessible to only a single component and optionally its children. State management libraries like Redux allow us to store data in the global scope and write methods to access and change it.
Discovering the front-end and React
2 projects | dev.to | 3 Jul 2022
State is data that is created within the component and used only inside it. It is supposed to represent the actual state of the component in a given moment. For example, whether a button is clickable or not. Managing state is one of the biggest challenges in front-end projects. Complex applications have several pieces of state and sometimes managing it requires help from other libraries, like Redux, or even React’s own Context API.
What is XState used for?
9 projects | dev.to | 21 Jun 2022
replace global state managers like Redux or Vuex
Redux Best Practices
5 projects | dev.to | 19 Jun 2022
Redux is a library used for global state management, meaning if you have a piece of state that you want to access in different places of your app, you can use Redux to manage that state and make it easily accessible anywhere. The global state can be anything from logged-in user information to UI state such as theme, etc.
How to use React with Redux
5 projects | dev.to | 16 Jun 2022
Now go ahead and import createSlice from the same library and create a reducer with it. createSlice is a wrapper around the old API from redux which reduces quite some boilerplate when creating reducers.
Prevent Acid Redux with Redux Toolkit
3 projects | dev.to | 14 Jun 2022
This post is going to help you get rid of the acid Redux associated with trying to use vanilla Redux.
React - Clean Architecture - Redux Toolkit
5 projects | dev.to | 11 Jun 2022
Tech Explained - a low-level primer on frontend technology
1 project | dev.to | 9 Jun 2022
Five Clever Hacks for React-Query or SWR
1 project | dev.to | 5 Jul 2022
So dealing with the double-render issue in React 18 has finally gotten you to use a API handling library like react-query or swr. Awesome! But did you know you can get more out of that 12Kb (or 4Kb in the case of swr) than just API fetching? Here are five pretty novel uses for these awesome libraries.
Supabase & SWR
2 projects | dev.to | 1 Jul 2022
A more comprehensive overview can be found here
Expert opinion wanted - Nextjs weaknesses and downsides?
1 project | reddit.com/r/nextjs | 30 Jun 2022
I'm feeling lost and frustrated when it comes to urls, paths, params, spa, mpa, etc, especially with React.
1 project | reddit.com/r/reactjs | 24 Jun 2022
How you’re doing it is fine, just make sure you’re waiting on the data to return before acting on it. For example you can’t do data.todos until data is loaded, this may be where your errors are coming from. Check out SWR for a cleaner way to load data.1 project | reddit.com/r/webdev | 24 Jun 2022
I would highly recommend trying Next.js in combination with SWR. All of the problems you are running into are pretty eloquently handled with these two. For static pages that don't require frequent data fetching you can use getStaticProps which runs on build time and can be set up with ISR if you need occasional refreshing. Data that needs to be requested on a by-user basis or frequently/on every page refresh, you can use SWR which is very helpful for caching and performance.
why react has a huge community?
6 projects | reddit.com/r/webdev | 19 Jun 2022
If you don't like an amazing animation library like Framer Motion, maybe you will like React Spring. If you do not like a cool component library like Mui, then maybe you will like Chakra-UI. If you think an awesome data fetching library like React-Query is too complex for your project, then maybe you will love SWR.
Using SWR hook with Suspense in React 18
2 projects | dev.to | 16 Jun 2022
But the latter article was using a very manual approach, where you write your wrapper around the fetching library to use the new Suspense component in React 18, but it's not the only way, and there's a new tool in the block that can make that same job way more simple and easy to use: SWR.
Redattolo, un gioco per ████████
6 projects | reddit.com/r/italy | 3 Jun 2022
Redattolo, un gioco per ████████ in React (Next.js)
10 projects | reddit.com/r/ItalyInformatica | 2 Jun 2022
Using Ultra, the new React web framework
10 projects | dev.to | 31 May 2022
Notice that we use the useSWR hook from swr API to fetch data from the Pokemon REST API.
What are some alternatives?
react-query - 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]
zustand - 🐻 Bear necessities for state management in React
axios - Promise based HTTP client for the browser and node.js
valtio - 💊 Valtio makes proxy-state simple for React and Vanilla
redux-saga - An alternative side effect model for Redux apps
use-local-storage-state - React hook that persists data in localStorage
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
effector-react - Business logic with ease ☄️
react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native)
xstate - State machines and statecharts for the modern web.