use-local-storage-state
Recoil
use-local-storage-state | Recoil | |
---|---|---|
8 | 81 | |
1,059 | 19,445 | |
- | 0.1% | |
7.9 | 3.7 | |
10 days ago | 4 days ago | |
TypeScript | JavaScript | |
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.
use-local-storage-state
-
My ingenious library failed but my simple one reached 2m downloads
TL;DR; Today I saw my simple library use-local-storage-state has reached 2 million total downloads while my other ingenious* library main-thread-scheduling has only 8k. I explore why because: 1) it's curious, 2) I want to maximize my value in the open-source community by not making the same mistake twice.
-
My open-source principles
No bloat. I am inspired by Sindre Sorhus. I aim to create small and focused modules. I commonly decline feature requests and propose an alternative ad-hoc solution to the user. When the request is valid and can't be implemented outside the library, I usually refactor enough so the bundle size remains almost the same. Take a look at the history of use-local-storage-state through the last versions. The size got smaller! If the feature is too big, I may consider splitting the problems into two repos.
-
Better npm search proposal
For example, I just searched for "local storage react hook npm" and it didn't show my own library use-local-storage-state. For context, my library is the most downloaded and most maintained local storage react hook library on npm.
- Anyone can help me with localStorage stuff for a JavaScript E-commerce project please ? :)
-
One year ago, I created a small library that just hit 10k downloads per week
This looks a lot like one of the issues I have in the library — https://github.com/astoilkov/use-local-storage-state/issues/24.
-
React Hooks Factories
use-local-storage-state - the prime example that inspired me to write this blog post.
Recoil
-
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.
- State Management in Nextjs?
-
45 NPM Packages to Solve 16 React Problems
recoil -> Designed to solve a specific problem. Not good for all use cases. Understand it first! You can learn more about it here.
-
State Management Alternatives: Best Tools for React Apps
Recoil Official Website
-
🚀 Dominate React Project Startups: Insider Tips for Dev Success! 🤓
Recoil 🌀
-
Thoughts on Signals?
Atomic libs include Recoil, Jotai, and the one I maintain: Zedux. Zedux especially was designed to work well with sockets and RxJS observables and has been getting some traction recently, so of course I recommend checking it out. Feel free to hmu with any questions.
-
Designing an async app as a long time backend engineer dedicated to synchronous pages. Help!
However you may find better luck with Recoil which is developed by Meta, and is designed to work with Async data, and is a much simpler project to get started with.
-
Scalability: the Lost Level of React State Management
Recoil introduced a new pattern for storing state and propagating updates. This atomic model has proven to scale up better than the singleton model at the cost of some hefty learning curves.
-
Going from Flutter to React
recoil is extremely similar to Riverpod but for React (both are backed by a data flow graph).
-
What is Atomic State Management - Create One Yourself
Before we proceed you can check the project on github. This implementation is for learning purposes, for production use check Jotai or Recoil.
What are some alternatives?
SWR - React Hooks for Data Fetching
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-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
zustand - 🐻 Bear necessities for state management in React
react-cool-inview - 😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
MobX - Simple, scalable state management.
use-onclickoutside - React hook for listening for clicks outside of an element.
jotai - 👻 Primitive and flexible state management for React
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
rtk-query - Data fetching and caching addon for Redux Toolkit
storage - A library to use Web Storage API with Observables
rematch - The Redux Framework