use-local-storage-state
storage
| use-local-storage-state | storage | |
|---|---|---|
| 8 | 1 | |
| 1,059 | 48 | |
| - | - | |
| 7.9 | 0.0 | |
| 10 days ago | 11 months ago | |
| TypeScript | 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.
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.
storage
What are some alternatives?
SWR - React Hooks for Data Fetching
svelte-persisted-store - A Svelte store that persists to localStorage
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
space-sdk - The Space SDK is a JavaScript/Typescript library for building web and mobile applications leveraging Open Web and distributed protocols like IPFS, Textile, GunDB, and Ethereum.
react-cool-inview - 😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
local-storage - React hook which syncs localStorage[key] with the comp.
use-onclickoutside - React hook for listening for clicks outside of an element.
lookie - Store your data in localStorage with optional expiration time. Almost like a cookie.
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
stokado - stokado can proxy objects of any storage-like, providing getter/setter syntax sugars, serialization, subscription listening, expiration setting, one-time value retrieval.
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.
talk - Issues and discussions for the notes app, Nota.