Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
---|---|---|---|---|---|---|---|---|---|---|
React Intersection Observer | 4,131 | 153 | 395 | 7 days ago | 135 | July 22, 2022 | 1 | mit | TypeScript | |
React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport. | ||||||||||
Rooks | 2,912 | 6 | 33 | 8 days ago | 204 | September 21, 2022 | 6 | mit | TypeScript | |
Essential React custom hooks ⚓ to super charge your components! | ||||||||||
React Perf Devtool | 2,307 | 6 months ago | 29 | JavaScript | ||||||
A browser developer tool extension to inspect performance of React components. | ||||||||||
Mobx React Lite | 2,032 | 2 years ago | mit | TypeScript | ||||||
Lightweight React bindings for MobX based on React 16.8 and Hooks | ||||||||||
Hocs | 1,867 | 8 | 8 | 6 months ago | 7 | May 23, 2019 | 22 | mit | JavaScript | |
:bento: Higher-Order Components for React | ||||||||||
React Cool Inview | 1,418 | 3 | 3 months ago | 86 | April 17, 2022 | 20 | mit | TypeScript | ||
😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element). | ||||||||||
React Intersection Observer | 1,090 | 65 | 59 | 4 months ago | 34 | November 04, 2020 | 18 | mit | JavaScript | |
React component for the Intersection <Observer /> API | ||||||||||
Resize Observer | 870 | 28 | 180 | a month ago | 62 | August 01, 2021 | 10 | apache-2.0 | TypeScript | |
Polyfills the ResizeObserver API. | ||||||||||
React Cool Img | 767 | 2 | 3 months ago | 91 | June 20, 2021 | 23 | mit | TypeScript | ||
😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro! | ||||||||||
Dob | 716 | 13 | 17 | 4 years ago | 46 | December 17, 2018 | 2 | mit | TypeScript | |
Light and fast 🚀 state management tool using proxy. |
A super awesome collection of regularly used custom hooks as utils for React.
✅ Collection of 62 hooks as standalone modules.
✅ Standalone package with all the hooks at one place
✅ CommonJS, UMD and ESM Support
npm i -s rooks
Import any hook from "rooks" and start using them!
import { useDidMount } from "rooks";
function App() {
useDidMount(() => {
alert("mounted");
});
return (
<div className="App">
<h1>Hello CodeSandbox</h1>
<h2>Start editing to see some magic happen!</h2>
</div>
);
}
Package containing all the hooks is over here. - Docs and Npm Install
MIT
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!