Rooks

Essential React custom hooks ⚓ to super charge your components!
Alternatives To Rooks
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
React Intersection Observer4,1311533957 days ago135July 22, 20221mitTypeScript
React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
Rooks2,9126338 days ago204September 21, 20226mitTypeScript
Essential React custom hooks ⚓ to super charge your components!
React Perf Devtool2,307
6 months ago29JavaScript
A browser developer tool extension to inspect performance of React components.
Mobx React Lite2,032
2 years agomitTypeScript
Lightweight React bindings for MobX based on React 16.8 and Hooks
Hocs1,867886 months ago7May 23, 201922mitJavaScript
:bento: Higher-Order Components for React
React Cool Inview1,41833 months ago86April 17, 202220mitTypeScript
😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
React Intersection Observer1,09065594 months ago34November 04, 202018mitJavaScript
React component for the Intersection <Observer /> API
Resize Observer87028180a month ago62August 01, 202110apache-2.0TypeScript
Polyfills the ResizeObserver API.
React Cool Img76723 months ago91June 20, 202123mitTypeScript
😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!
Dob71613174 years ago46December 17, 20182mitTypeScript
Light and fast 🚀 state management tool using proxy.
Alternatives To Rooks
Select To Compare


Alternative Project Comparisons
Readme



Build Status Release script All Contributors


A super awesome collection of regularly used custom hooks as utils for React.

Complete Documentation

Image from Gyazo

List of all hooks

Features

✅ Collection of 62 hooks as standalone modules.

✅ Standalone package with all the hooks at one place

✅ CommonJS, UMD and ESM Support

Installation

npm i -s rooks

Import any hook from "rooks" and start using them!

import { useDidMount } from "rooks";

Usage

function App() {
  useDidMount(() => {
    alert("mounted");
  });
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

Standalone Package

Package containing all the hooks is over here. - Docs and Npm Install


License

MIT

Contributors

Thanks goes to these wonderful people (emoji key):


Bhargav Ponnapalli

💻 🤔 🎨 📖 🐛

Tsvetan

💻

Wei Zhu

💻

Akshay Kadam (A2K)

💻

Austin Peterson

💻

Frank Hellwig

💻

Neilor Caldeira

💻

Cong Zhang

💻

Brian Steere

💻

anil kumar chaudhary

💻

Harsh Zalavadiya

💻

maciek_grzybek

💻

CT Wu

💻 🤔

Braxton Christensen

💻

Lionel

💻

Max Stoiber

💻

Stupid

💻

Michael Moore

💻

Arman

💻

zeritte

💻

Cal Courtney

💻

wes christiansen

💻

Daniel Holmes

💻

Adrien Lemaire

💻

Harshil Parmar

💻

Yakko Majuri

💻

Branden Visser

💻

thodubois

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

Popular Reactjs Projects
Popular Observer Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Typescript
Reactjs
Observer
Sessionstorage