TypeScript Hooks

Open-source TypeScript projects categorized as Hooks

Top 23 TypeScript Hook Projects

  • GitHub repo formik

    Build forms in React, without the tears 😭

    Project mention: Creating an Android App with React Native, NativeBase and WatermelonDB | dev.to | 2021-03-06

    This will not be using complex forms as that will require a good form handling library like formik

  • GitHub repo react-hook-form

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

    Project mention: What's new in React Hook Form's resolvers V2 | dev.to | 2021-03-03

    Released in the 2020's summer, @hookform/resolvers is an optional module that allows you to validate React Hook Form's values with your favorite validation library. So far, we support 5 validation libraries: Yup, Zod, Vest, Joi, and Superstruct.

  • GitHub repo react-query

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

    Project mention: How to learn redux | reddit.com/r/reactjs | 2021-03-04

    Don't, Redux itself is painfully aware they're outdated. Redux is currently reworking itself to be more akin to React Query and Vercel's swr.

  • GitHub repo constate

    React Context + State

    Project mention: Best practice for handling parent state of unknown amount of similar child components | reddit.com/r/reactjs | 2021-02-24

    However if you don't care for testing (which you should) or Storybook, then you might find something like Jotai (Recoil alternative) to help you, where you'd have an atom for the ingredient list and then derived atoms for each ingredient, but I'll be honest and say I don't have much experience with the library. I just think something like Redux would way overcomplicate it compared to sticking with React's state model. I'd rather use something like Constate then that's a small helper to make contexts with hooks.

  • GitHub repo fre

    :ghost: Tiny Concurrent UI library with Fiber.

    Project mention: Use isInputPending API for better scheduler | dev.to | 2021-02-01
  • GitHub repo use-query-params

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

    Project mention: Whatever happened to old fashioned URL query parameters? (Not a rant) | reddit.com/r/reactjs | 2021-02-26

    Nothing is stopping you from storing state in the URL query string params. I do so frequently for pages containing tables where it's important to keep filtering and pagination state in sync with the URL, for example. Use this library https://github.com/pbeshai/use-query-params

  • GitHub repo react-colorful

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

    Project mention: The tiniest CSS-in-JS solution for your open-source React components | dev.to | 2021-02-18
  • GitHub repo web3-react

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

    Project mention: GridPlus CTO Alex Miller: Readable Ethereum Transactions, A New Standard | reddit.com/r/ethereum | 2021-01-31

    web3-react

  • 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-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 hamburger-react

    Animated hamburger menu icons for React (1.5 KB) 🍔

  • 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 react-components-by-ruvkr

    A collection of Responsive Animated Mobile friendly Lightweight React Components

    Project mention: A react component to highlight texts. Works with any range selection. | reddit.com/r/reactjs | 2021-02-04

    Source https://github.com/ruvkr/react-components-by-ruvkr

  • GitHub repo resolvers

    📋 Validation resolvers: Zod, Yup, Joi, Superstruct, and Vest.

    Project mention: What's new in React Hook Form's resolvers V2 | dev.to | 2021-03-03

    Released in the 2020's summer, @hookform/resolvers is an optional module that allows you to validate React Hook Form's values with your favorite validation library. So far, we support 5 validation libraries: Yup, Zod, Vest, Joi, and Superstruct.

  • GitHub repo react-use-wizard

    🧙 A React wizard (stepper) builder without the hassle, powered by hooks.

    Project mention: Build React wizards (stepper) without the hassle, powered by hooks. | reddit.com/r/reactjs | 2021-01-03
  • GitHub repo use-interval

    A custom React Hook that provides a declarative setInterval called useInterval.

    Project mention: Princess Finder using React, ml5.js, and Teachable Machine Learning | dev.to | 2020-12-27

    We should use the classify method call in a specified interval. You can use a React hook called, useInterval for the same. The results array may look like this,

  • GitHub repo clean-state

    🐻 A pure and compact state manager, using React-hooks native implementation, automatically connect the module organization architecture. 🍋

    Project mention: A pure and compact state managerA pure and compact state manager | news.ycombinator.com | 2021-01-29
  • GitHub repo react-hookedup

    :alien: A collection of useful React hooks

    Project mention: What are your favorite custom hooks? | reddit.com/r/reactjs | 2021-02-05

    useOnLineStatus

  • GitHub repo Jooks (Jest ❤ + Hooks 🤘🏻)

    Testing hooks with Jest

  • GitHub repo react-intl-hooks

    React hooks for internationalization without the hassle ⚛️🌍

    Project mention: Top 12 libraries for NextJS, React apps and React Native apps for i18n and react localization | dev.to | 2021-02-13

    11. React-intl hooks

  • GitHub repo use-app-state

    🌏 useAppState() hook. that global version of setState() built on Context.

    Project mention: Announcement about @laststance/use-app-state | dev.to | 2020-09-16

    99% User already migrated to @laststance/use-app-state even though I want to arrive this information a few user who start from my old react-appstate post.

  • GitHub repo react-editor

    Pure Rich-text Editor with TS & React-hooks

  • GitHub repo use-form

    Build great forms without effort. 🚀

    Project mention: Building Forms with useForm | dev.to | 2021-02-17

    If you are interested in this library,please leave a star: https://github.com/use-form/use-form

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-03-06.

Index

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

Project Stars
1 formik 26,542
2 react-hook-form 18,982
3 react-query 18,199
4 constate 3,141
5 fre 2,127
6 use-query-params 1,260
7 react-colorful 925
8 web3-react 705
9 vue-composable 621
10 react-fetching-library 531
11 hamburger-react 383
12 react-awesome-reveal 341
13 react-components-by-ruvkr 315
14 resolvers 212
15 react-use-wizard 157
16 use-interval 123
17 clean-state 106
18 react-hookedup 68
19 Jooks (Jest ❤ + Hooks 🤘🏻) 66
20 react-intl-hooks 64
21 use-app-state 60
22 react-editor 46
23 use-form 42