kea
redux
kea | redux | |
---|---|---|
4 | 285 | |
1,937 | 60,838 | |
0.1% | 0.1% | |
5.4 | 9.1 | |
9 months ago | 9 days ago | |
JavaScript | TypeScript | |
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.
kea
-
Best stack for starting out a new commercial React project.
Whereas with Redux (and abstractions such as Kea) you subscribe to specific parts of the redux tree on a per-component level. Said differently, if you only update one value in Redux, only the components that read it will update. With Context, the entire app will update.
- Keep your state in Kea and your views in React
- Kea: Production Ready React State Management
redux
-
Journeying from React to React Native
React and React Native share many core libraries. You can use the same state management libraries like Redux, MobX, and data fetching libraries like Axios or the Fetch API.
-
React Component Libraries: Overview of 19 Top Libs
Redux Documentation
-
Redux Toolkit vs. Plain Redux: How Immer Transforms State Management
Redux is a state management library for JavaScript applications that provides a centralized store for managing the state of an app. It follows a predictable state container model where actions are dispatched to trigger state changes, and reducers are used to define how the state transitions in response to those actions. Redux enforces immutability and a unidirectional data flow, which makes debugging easier and state transitions predictable.
-
How to write clean and efficient React code?
To learn more about Redux, check out the official Redux documentation. To learn more about Context API, check out the official React documentation.
-
How Web5 and Bluesky are Building the Next Layer of the Web
I most recently interviewed Dan Abramov, creator of Redux and React core team member, about his work at Bluesky and the development of Bluesky's underlying technology – Authenticated Transfer Protocol, or AT Proto for short. I learned that while TBD’s Web5 and Bluesky’s AT Proto share the vision of a decentralized and user-centric web, their approaches and underlying technologies offer a fascinating contrast. I'll examine these parallel approaches in hopes that TBD, Bluesky, and the broader community can gain valuable insights into building infrastructure for the decentralized web.
-
Writing a state management library in 50 lines of JavaScript
State management is one of the most important part of a web application. From the use of global variables to React hooks to the use of third-party libraries like MobX, Redux or XState to name just these 3, it is one of the topics that fuels the most discussions as it is important to master it to design a reliable and efficient application.
- React: Reusable, Decoupled, and Isolated
-
Tools and libraries widely used in micro frontend architectures!
Official Website
-
Taming the Beast: Structuring Large-Scale React Applications 🏗️
Redux: Offers a more structured approach with a centralized store, actions, and reducers, especially beneficial for larger teams and projects. Redux Documentation
-
Managing State in React
Redux is one of the most popular libraries but not necessarily one of the easiest ones to use. Its a predictable state container for JavaScript apps, widely used in the React ecosystem. It has powerful developer tools that help understand and debug the apps state and also a large ecosystem of middleware and extensions. On the other hand using Redux requires a steep learning curve of the relations between a reducer, an action and a dispatcher and also quite a lot of boilerplate code. Redux is actually notorious for that boilerplate code, which is something that I don't recommend overlooking.
What are some alternatives?
react-redux - Official React bindings for Redux
zustand - 🐻 Bear necessities for state management in React
recompose - A React utility belt for function components and higher-order components.
remix - Build Better Websites. Create modern, resilient user experiences with web fundamentals.
react-redux-provide
SWR - React Hooks for Data Fetching
redux-batched-actions - redux higher order reducer + action to reduce actions under a single subscriber notification
valtio - 🧙 Valtio makes proxy-state simple for React and Vanilla
reflux - A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux
swift-composable-architecture - A library for building applications in a consistent and understandable way, with composition, testing, and ergonomics in mind.
mobx-react
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]