JavaScript Hooks

Open-source JavaScript projects categorized as Hooks | Edit details

Top 23 JavaScript Hook Projects

  • husky

    Git hooks made easy 🐶 woof!

    Project mention: How to gradually add an eslint rule | | 2022-05-18

    We can do this using lint-staged, husky, and some changes in the .eslintrc.js file.

  • beautiful-react-hooks

    🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥

    Project mention: Complete typescript rewrite for beautiful-react-hooks, now version 1.0.0 | | 2021-08-27

    Hello guys, last year I wrote this library: beautiful-react-hooks

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • Release It! 🚀

    🚀 Automate versioning and package publishing

    Project mention: My ideal Rust workflow | | 2021-10-28

    May be less relevant for your particular workflow (because npm-specific and because everything is internal for you), but I’m a big fan of an alternative in the auto-release-generation space: the combo of release-it and release-it-lerna-changelog, which give you the same kind of automation but don’t require specific git commit messages, because instead the combo uses the GH API and labels to generate the changelog. This is a muuuuuch nicer experience for external contributors, because it puts the responsibility for that back on maintainers instead.

  • winXP

    🏁 Web based Windows XP desktop recreation.

    Project mention: Windows 11, but for Web | | 2021-07-22

    Windows XP Web by sh1zuku

  • easy-peasy

    Vegetarian friendly state for React

    Project mention: Creating a MERN stack app that uses Firebase Authentication - Part Two | | 2022-01-25

    This is the main entry point into our application. Everything here is pretty standard for React, but one important thing to note is we’re using a library called Easy Peasy. It essentially is a state management library and is very simple to setup, being a wrapper around Redux.

  • drei

    🥉 useful helpers for react-three-fiber

    Project mention: LunchboxJS – Vue 3/Three.js custom renderer | | 2022-05-17

    We used React Three Fiber at my job 2-3 years ago (when it was "early") and it was already amazing then, we could do really cool stuff easily. We wrote our own wrappers to easily do and similar things and published it as OSS[1], but TBH documentation was scarce since it was an internal project and there were virtually no resources dedicated to publish it, just a couple of devs pushing for it. We even published one of the first bridges[2]. We didn't want to totally opt out of the React render loop so we had to do a lot of hacks and optimizations, but it was a great experience overall.

    Nowadays React Three Fiber is very mature and you have the "drei" collection[3], which have all the things I mentioned and a lot more. Though now looking at the source and timing (we published a blog [4] with our solution and their commit few weeks later with almost the same code[5]) it seems they might've copied our solution as part of their package, would've loved a heads up or ack but well happy to make open source better.






  • beautiful-react-diagrams

    💎 A collection of lightweight React components and hooks to build diagrams with ease 💎

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • react-form

    ⚛️ Hooks for managing form state and validation in React

  • Ajax-hook

    :trident: Intercepting browser's AJAX requests which made by XMLHttpRequest.

  • advanced-react-hooks

    Learn Advanced React Hooks workshop

  • hookrouter

    The flexible, and fast router for react that is entirely based on hooks

  • use-persisted-state

    A custom React Hook that provides a multi-instance, multi-tab/browser shared and persistent state.

  • use-dark-mode

    A custom React Hook to help you implement a "dark mode" component.

    Project mention: How to implement a dark to light mode feature in your React/Sass project | | 2022-05-16

    We will be using an npm package called use-dark-mode which is a custom hook used to implement the toggle functionality between light and dark mode.

  • spearmint

    Testing, simplified. || An inclusive, accessibility-first GUI for generating clean, semantic Javascript tests in only a few clicks of a button.

    Project mention: Spearmint Version 10.0 Released | | 2022-04-30
  • react-recipes

    👩‍🍳 A list of React Hooks utility library containing popular customized hooks

    Project mention: Awesome Things Related To React Hooks 😍 | | 2021-09-23

    react-recipes - 👩‍🍳 A list of React Hooks utility library containing popular customized hooks

  • atomico

    Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.

    Project mention: Types, autocompletion, and more for Webcomponents! | | 2022-01-05


  • react-hooks-cheatsheet

    🦖 React hooks cheatsheet with live editable examples

  • react-uploady

    Modern file uploading - components & hooks for React

    Project mention: Uppy VS react-uploady - a user suggested alternative | | 2022-01-18

    React-Uploady - Modern file-upload components & hooks for React.

  • react-hooks-lib

    A set of reusable React Hooks.

    Project mention: Awesome Things Related To React Hooks 😍 | | 2021-09-23

    React Hooks Lib - A set of reusable React Hooks.

  • googlekeepclone

    A clone of Google Keep with its original Material Design aesthetics

  • simpler-state

    The simplest app state management for React

    Project mention: ContextAPI vs Redux | | 2022-04-09

    The link go to a 404. There is the correct link :

  • react-hooks-in-svelte

    React hook examples ported to Svelte

  • use-event-listener

    A custom React Hook that provides a declarative useEventListener

    Project mention: How to Listen to Events in ReactJS | | 2022-03-23

    Instead of pressing these toolbar buttons, I'd like to use a keyboard shortcut to switch between the pointer mode and the drag mode. Copying Figma's button shortcuts, specifically, I would like to bind the v button and the h button keyboard keys to the pointer mode and drag mode, respectively. This functionality was achieved thanks to the use-event-listener hook. Fortunately, the React hook is simple enough to use as brief case study into how event listeners work.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-05-18.

JavaScript Hooks related posts


What are some of the best open-source Hook projects in JavaScript? This list will help you:

Project Stars
1 husky 26,532
2 beautiful-react-hooks 5,519
3 Release It! 🚀 5,215
4 winXP 4,873
5 easy-peasy 4,709
6 drei 3,111
7 beautiful-react-diagrams 2,394
8 react-form 2,344
9 Ajax-hook 2,010
10 advanced-react-hooks 1,648
11 hookrouter 1,485
12 use-persisted-state 1,224
13 use-dark-mode 1,176
14 spearmint 1,077
15 react-recipes 853
16 atomico 687
17 react-hooks-cheatsheet 614
18 react-uploady 525
19 react-hooks-lib 519
20 googlekeepclone 478
21 simpler-state 438
22 react-hooks-in-svelte 373
23 use-event-listener 321
Find remote jobs at our new job board There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.