react-cool-inview
use-local-storage-state
Our great sponsors
react-cool-inview | use-local-storage-state | |
---|---|---|
1 | 8 | |
1,461 | 1,057 | |
- | - | |
3.9 | 7.2 | |
9 months ago | 8 days 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.
react-cool-inview
-
React Hooks for infinite scroll: An advanced tutorial
As the purpose of this article is infinite loading, weβre not going to go into the implementation details of the Intersection Observer API, and instead use an existing React Hook that provides that functionality for us, react-cool-inview.
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-cool-virtual - π β»οΈ A tiny React hook for rendering large datasets like a breeze.
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.
react-awesome-reveal - React components to add reveal animations using the Intersection Observer API and CSS Animations.
use-onclickoutside - React hook for listening for clicks outside of an element.
svelte-inview - A Svelte action that monitors an element enters or leaves the viewport.π₯
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
animate-css-grid - Painless transitions for CSS Grid
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.
useInfiniteLoading - An infinite loading hook example for React applications
storage - A library to use Web Storage API with Observables