TypeScript Hooks

Open-source TypeScript projects categorized as Hooks | Edit details

Top 23 TypeScript Hook Projects

  • GitHub repo formik

    Build forms in React, without the tears 😭

    Project mention: 3 Ways to Build React Forms with Formik Pt.3 | dev.to | 2021-10-04

    In the first part of this tutorial, we took a look at how to build React forms with custom HTML elements and form state and logic provided by Formik. In the second part, we switched to Formik components and build form with them. In this final part we will make another change, a small step back.

  • GitHub repo react-hook-form

    📋 React Hooks for forms validation (Web + React Native)

    Project mention: Reasons why you should use React useRef more often | reddit.com/r/reactjs | 2021-10-09

    react-hook-form makes heavy use of refs in order to improve performance. So, besides avoiding useRef when state is enough, one will want to use refs to avoid unwanted re-renders.

  • Syncfusion

    Syncfusion - See why our products are consistently getting 4.6 out of 5 stars by your peers.. Syncfusion Essential Studio for JavaScript is a modern UI control library built from the ground up to be lightweight, responsive, modular, and touch-friendly.

  • GitHub repo react-query

    ⚛️ Hooks for fetching, caching and updating asynchronous data in React

    Project mention: Redux data fetching solution for a small app | reddit.com/r/reactjs | 2021-10-13

    Perhaps: https://react-query.tanstack.com/

  • GitHub repo 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 | reddit.com/r/reactjs | 2021-08-27

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

  • GitHub repo constate

    React Context + State

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

    constate - React Context + State

  • GitHub repo fre

    :ghost: Tiny Footprint Concurrent UI library for Fiber.

    Project mention: 2021 JavaScript framework | dev.to | 2021-08-22
  • GitHub repo react-intersection-observer

    React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

    Project mention: Scroll reveal with Framer Motion | dev.to | 2021-08-21

    I'll use React-Interception-Observer to control the screen events you can check the documentation if you wanna know more.

  • Scout APM

    Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • GitHub repo haunted

    React's Hooks API implemented for web components 👻

    Project mention: 2021 Week 33, Hungry Ghost edition. Ghost-themed OSS and optical illusion. | dev.to | 2021-08-22

    Haunted on GitHub: github.com/matthewp/haunted

  • GitHub repo rooks

    Essential React custom hooks ⚓ to super charge your components!

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

    rooks - Essential React custom hooks ⚓ to super charge your components!

  • GitHub repo web3-react

    🧰 A simple, maximally extensible, dependency minimized framework for building modern Ethereum dApps

    Project mention: Hi everyone, I’m coding a minting dapp with 2 pages: mint page and wallet page. I want to put a connect wallet button at the navbar so that when i switch from one page to another, my wallet is still connected. My frontend is ReactJS. Do you have any suggestions? | reddit.com/r/ethdev | 2021-10-14

    I personally use web3-react package to handle my connections https://github.com/NoahZinsmeister/web3-react

  • GitHub repo react-colorful

    🎨 A tiny (2,5 KB) color picker component for React and Preact apps

    Project mention: I just write a WYSIWYG markdown editor, inspired by Typora. | reddit.com/r/javascript | 2021-04-10

    [react-colorful](https://github.com/omgovich/react-colorful]

  • GitHub repo use-query-params

    React Hook for managing state in URL query parameters with easy serialization.

    Project mention: 10 useful react packages for Frontend | reddit.com/r/reactjs | 2021-07-12

    I like https://github.com/pbeshai/use-query-params

  • GitHub repo rest-hooks

    Delightful data fetching for React.

    Project mention: I made a asynchronous data framework - tell me what you think! | reddit.com/r/reactjs | 2021-10-07
  • GitHub repo pullstate

    Simple state stores using immer and React hooks - re-use parts of your state by pulling it anywhere you like!

    Project mention: Tech skill shortage | reddit.com/r/ProgrammerHumor | 2021-08-14

    Sounds like you're on the right track. React is very hire-able. Try out multiple store systems. The big one is react + redux. Then after you have some experience with that, try a simpler one like pullstate.

  • GitHub repo vue-composable

    Vue composition-api composable components. i18n, validation, pagination, fetch, etc. +50 different composables

    Project mention: I must say, this repo is awesome | news.ycombinator.com | 2021-03-03
  • GitHub repo react-hook

    ↩ Strongly typed, concurrent mode-safe React hooks

    Project mention: Best Practices for Publishing Hooks | reddit.com/r/reactjs | 2021-10-17

    Here are two solid examples: https://github.com/jaredLunde/react-hook https://github.com/juliencrn/useHooks.ts

  • GitHub repo react-fetching-library

    Simple and powerful API client for react 👍 Use hooks or FACCs to fetch data in easy way. No dependencies! Just react under the hood.

  • GitHub repo usehooks.ts

    React hook library, ready to use, written in Typescript.

    Project mention: Best Practices for Publishing Hooks | reddit.com/r/reactjs | 2021-10-17

    Here are two solid examples: https://github.com/jaredLunde/react-hook https://github.com/juliencrn/useHooks.ts

  • GitHub repo vscode-es7-javascript-react-snippets

    Extension for Javascript/React snippets with search supporting ES7 and babel features

    Project mention: VSCode extensions that you need [Webdevs]🚀🔧 | dev.to | 2021-09-15

    6. ES7 React/Redux/React-Native/JS snippets

  • GitHub repo hamburger-react

    Animated hamburger menu icons for React (1.5 KB) 🍔

  • GitHub repo local-storage

    React hook which syncs localStorage[key] with the comp.

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

    local-storage - React hook which syncs localStorage[key] with the comp.

  • GitHub repo react-awesome-reveal

    React components to add reveal animations using the Intersection Observer API and CSS Animations.

    Project mention: I made Starbucks ! 🚀🔥 | reddit.com/r/reactjs | 2021-01-27

    Here is the GitHub repo if your interested https://github.com/dennismorello/react-awesome-reveal

  • GitHub repo use-onclickoutside

    React hook for listening for clicks outside of an element.

    Project mention: 5 Awesome React Hooks ⚛️ | dev.to | 2021-03-13

    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:

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 2021-10-17.

Index

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

Project Stars
1 formik 28,529
2 react-hook-form 23,597
3 react-query 23,174
4 beautiful-react-hooks 5,107
5 constate 3,456
6 fre 3,082
7 react-intersection-observer 2,493
8 haunted 2,135
9 rooks 1,844
10 web3-react 1,820
11 react-colorful 1,535
12 use-query-params 1,493
13 rest-hooks 1,479
14 pullstate 875
15 vue-composable 837
16 react-hook 725
17 react-fetching-library 591
18 usehooks.ts 564
19 vscode-es7-javascript-react-snippets 508
20 hamburger-react 492
21 local-storage 473
22 react-awesome-reveal 452
23 use-onclickoutside 433
Find remote jobs at our new job board 99remotejobs.com. There are 35 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.