use-onclickoutside
use-local-storage-state
| use-onclickoutside | use-local-storage-state | |
|---|---|---|
| 1 | 8 | |
| 497 | 1,059 | |
| - | - | |
| 2.4 | 7.9 | |
| 5 months ago | 15 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.
use-onclickoutside
-
5 Awesome React Hooks ⚛️
I think that useOnClickOutside is one of the bests, with this hook, you can easily capture outside clicks from an element, very useful for a modal for example. Here is a demo code:
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.
What are some alternatives?
react-use-lazy-load-image - :sunrise: :zap: Add image lazy loading to your React app with ease
SWR - React Hooks for Data Fetching
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
useRedux - Hook to connect redux store to react components
react-cool-inview - 😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
usehooks-ts - React hook library, ready to use, written in Typescript.
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
react-aptor - Make Forward compatible React packages🔮
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.
storage - A library to use Web Storage API with Observables
talk - Issues and discussions for the notes app, Nota.