blacksheepcode
zustand
blacksheepcode | zustand | |
---|---|---|
10 | 250 | |
2 | 42,888 | |
- | 2.9% | |
8.1 | 8.8 | |
about 2 months ago | 5 days ago | |
MDX | TypeScript | |
GNU General Public License v3.0 or later | 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.
blacksheepcode
- [Question] Recommendations for an agnostic state management?
-
REDUX or ZUSTAND?.
My workaround has been to adopt a scaffold, , which I call a 'Hook Provider' pattern, essentially injecting your data selectors/updaters via context. See here for details.
-
Replacing redux with custom hooks and react hooks
I have a blog post and code repo with specific details here.
-
How to test custom useFetch hook in Jest
Now, for testing components that use this useDataFetch function, you would also want to be able to not use the real data fetching functions. In order to do that, those functions should be provided via context, in a pattern called dependency injection. I write about it here
-
What is the best state management library?
I write about it here and here
- Best practices for writing good unit tests for components?
-
Dependency injection when using Redux - am I overthinking it?
Full post here but here's the main gyst.
-
Form elements in your design system - uncontrolled components are the way to go?
Full post is here.
-
What's best practice for managing state without Redux?
I recommend accessing your state via a hook..
-
Agnostic state and service management in React.
Here's a article written about service and state management. It's on github here if you want to submit PRs for it.
zustand
-
Integrate Copilot feature into your React applications using CopilotKit
State Management: Zustand
-
How to optimise React Apps?
For our case, points 1 and 2 can help us provide a better way of handling updates in our rapidly updating application. I have used zustand for the application.
-
React Server Components Example with Next.js
Daishi Kato, creator of Zustand and Jotai, says there are a few things we need to support RSC serialization:
-
A Comprehensive Guide to React State Management
Zustand
-
Best Next.js Libraries and Tools in 2024
Link: https://zustand-demo.pmnd.rs/
- 5 Alternatives to Redux for React State Management
-
Beyond Redux - MobX and Zustand
For more code examples visit the documentation here
-
Simple & Elegant State-Management with Zustand
Have you ever wanted to learn state-management but it felt so overwhelming to get started with Redux? Or maybe you're already using Redux but don't want to take the burden anymore? If so, you might want to take a shot at Zustand! Its an amazing state management library that's easy to get started and maintain in a long run. In this post, we'll dive into creating & sharing stores with this tiny Redux alternative.
-
Get out of state management hell with automatic revalidation
You add the current user state to a React Context or state management library, read from it on the top bar, and write to it after a user signs in. Done. No big deal, right?
-
Redux 101
Zustand
What are some alternatives?
redux - A JS library for predictable global state management
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
msw - Seamless REST/GraphQL API mocking library for browser and Node.js.
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]
MobX - Simple, scalable state management.
Recoil - Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.
redux-devtools-extension - Redux DevTools extension.
SWR - React Hooks for Data Fetching
react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native)
rtk-query - Data fetching and caching addon for Redux Toolkit
jotai - 👻 Primitive and flexible state management for React