jotai-composition
jotai
![SurveyJS Logo](https://cdn-b.libhunt.com/images/promo-campaign-images/000/000/030/main.png?1674177924)
jotai-composition | jotai | |
---|---|---|
1 | 110 | |
3 | 17,651 | |
- | 2.1% | |
0.0 | 9.3 | |
over 2 years ago | 5 days ago | |
TypeScript | TypeScript | |
- | 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.
jotai-composition
-
Composable Reusable Components with Jotai
Throughout this article, some type definitions and styling have been omitted for brevity, visit the GitHub repository to see all the code.
jotai
-
shadcn-ui/ui codebase analysis: Mail example explained.
MailList is found to be using a state management tool named Jotai.
-
“Mail” example in shadcn-ui/ui manages state using Jotai.
Since I am building shadcn-ui/ui from scratch and also documenting how to do so alongside, I am aware that it will take quite some time to understand the code and write it from scratch and prepare the content. I am not rushing the process by directly copying and pasting, instead I am trying to understand the concepts, code, patterns and strategies that can be applied in other projects. This is how I picked up that “mail” example in shadcn-ui/ui uses Jotai for state management.
-
JOTAI(GLOBAL STATE MANGEMENT)
for more details: https://jotai.org/
-
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:
- 5 Alternatives to Redux for React State Management
-
jotai-wrapper, a super tiny and simple utility library
I've just published jotai-wrapper, a super tiny and simple utility library that makes using jotai even simpler. It comes from the necessity to migrate a project with react-context-slices to jotai. Both libraries share a similar API. While in react-context-slices you have the useSlice hook, in jotai you have the useAtom, useSetAtom, and useAtomValue hooks. In react-context-slices you define either React Context or Redux slices, while in jotai you define atoms. The need for the migration from the first to the second was a high memory usage by react-context-slices when using React Context slices.
-
React State Management in 2024
Atom-based: splits states into tiny pieces of data called atoms, which can be written to and read from using React hooks. In this group, we have Recoil and Jotai.
-
React Basics: Essential Knowledge for Every React Developer
jotai Is the signal based state manager I recommended, offering the best developer experience (in my opinion) as it eliminates the necessity to define and update a global store
-
🚀 Dominate React Project Startups: Insider Tips for Dev Success! 🤓
Jotai 🧙♂️
- Jotai – Primitive and flexible state management for React
What are some alternatives?
zustand - 🐻 Bear necessities for state management in React
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
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.
signals - Manage state with style in every framework
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]
react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native)
valtio - 💊 Valtio makes proxy-state simple for React and Vanilla
redux-thunk - Thunk middleware for Redux
hookstate - The simple but very powerful and incredibly fast state management for React that is based on hooks
effector-react - Business logic with ease ☄️
nanostores - A tiny (286 bytes) state manager for React/RN/Preact/Vue/Svelte with many atomic tree-shakable stores
use-cookie-state - State management React hook using browser cookies as persistent storage
![SurveyJS Logo](https://cdn-b.libhunt.com/images/promo-campaign-images/000/000/030/main.png?1674177924)