TypeScript Hooks

Open-source TypeScript projects categorized as Hooks

Top 23 TypeScript Hook Projects

  • TanStack Query

    🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.

    Project mention: SQLSync – Stop Building Databases | news.ycombinator.com | 2023-12-01

    "I’m building SQLSync because I want to make client-side applications easier to build without us having to reinvent the wheel each time."

    Kinda ironic no?

    Anyway, since the article is also about React, I can't recommend enough React Query [1] if you don't want to worry about caching data to reduce calls to the database and managing/refreshing stale data. It simplified so much my job.

    [1] https://tanstack.com/query

  • SWR

    React Hooks for Data Fetching

    Project mention: 45 NPM Packages to Solve 16 React Problems | dev.to | 2023-11-14

    SWR

  • Appwrite

    Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.

  • react-table

    🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table

    Project mention: Show HN: DataSheetGrid, an Airtable-like React component | news.ycombinator.com | 2023-11-11

    If you want to bring your own UI, TanStack Table (formerly React Table) [0], if you want something that's batteries included, MUI [1]. There are of course other options with either close or full feature parity, but these are the two I see most often with least pain across different companies. While we're on the topic of recommendations, avoid any- and everything by Telerik.

    [0] https://tanstack.com/table/

    [1] https://mui.com/material-ui/react-table/

  • mantine

    A fully featured React components library

    Project mention: So should I be using a component library? | /r/nextjs | 2023-12-06

    I am currently using mantine.dev , and i am very happy with the results, i haven't done any customization, if you want to give a look on my website: https://culturadocaractere.com.br

  • use-gesture

    👇Bread n butter utility for component-tied mouse/touch gestures in React and Vanilla Javascript.

    Project mention: I created a real-time multiplayer 3d chess game with react three fiber | /r/reactjs | 2023-03-19

    Haven't worked with it but this may be a good fit with R3F since it comes from the same group https://github.com/pmndrs/use-gesture

  • wagmi

    React Hooks for Ethereum

  • usehooks-ts

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

    Project mention: Explorando a lib usehooks-ts para Desenvolvimento no React | dev.to | 2023-09-02
  • InfluxDB

    Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

  • react-intersection-observer

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

  • kbar

    fast, portable, and extensible cmd+k interface for your site

    Project mention: I will create a command bar for your SaaS app / dashboard | /r/SaaS | 2023-05-11

    There’s an open source project for this: https://kbar.vercel.app/

  • constate

    React Context + State

  • rooks

    Essential React custom hooks ⚓ to super charge your components!

    Project mention: rooks VS usehooks-ts - a user suggested alternative | libhunt.com/r/rooks | 2023-09-01
  • form

    🤖 Powerful and type-safe form state management for the web. TS/JS, React Form, Solid Form, Svelte Form and Vue Form. (by TanStack)

  • react-colorful

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

  • haunted

    React's Hooks API implemented for web components 👻

    Project mention: The benefits of Web Component Libraries | dev.to | 2023-02-27

    Web component browser APIs aren't that many, and not that hard to grasp (if you don't know about them, have a look at Google's Learn HTML section and MDN's Web Components guide); but creating a web component actually requires taking care of many small things. This is where web component libraries come in very handy, freeing us of having to think about some of those things by taking care of them for us. Most of the things I'll mention here are handled one way of another by other libraries (GitHub's Catalyst, Haunted, Hybrids, Salesforce's LWC, Slim.JS, Ionic's Stencil) but I'll focus on Google's Lit and Microsoft's FAST here as they probably are the most used web component libraries out there (ok, I lied, Lit definitely is, FAST not that much, far behind Lit and Stencil; but Lit and FAST have many things in common, starting with the fact that they are just native web components, contrary to Stencil that compiles to a web component). Both Lit and FAST leverage TypeScript decorators to simplify the code even further so I'll use that in examples, even though they can also be used in pure JS (decorators are coming to JS soon BTW). I'll also leave the most apparent yet most complex aspect for the end.

  • useStateMachine

    The <1 kb state machine hook for React

    Project mention: Typescript Explicit States for pages | /r/react | 2023-03-07

    I came across this library: useStateMachine which has the closest syntax to what I was hoping to use. I’d like know what the community thinks or has any guides/suggestions.

  • react-hotkeys-hook

    React hook for using keyboard shortcuts in components.

  • alova

    Request strategy library for MVVM libraries such as Vue.js, React.js and Svelte.js

    Project mention: How to customize alova's request adapter | dev.to | 2023-11-23

    The following is a tutorial for some chapters. If you want to learn more about the usage of alovajs, please come to alova official website to learn.

  • use-query-params

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

    Project mention: How to get query parameters in NextJS 13 | /r/nextjs | 2023-02-05
  • data-client

    Async State Management without the Management

    Project mention: SWR VS rest-hooks - a user suggested alternative | libhunt.com/r/swr | 2023-02-05

    Provides data fetching, but handles mutations better by using reactive paradigms.

  • graphql-hooks

    🎣 Minimal hooks-first GraphQL client

  • web

    React hooks done right, for browser and SSR. (by react-hookz)

    Project mention: UseHooks – A Collection of Server Component Safe React Hooks | news.ycombinator.com | 2023-05-30

    From what I've been able to tell, that lib is unmaintained and one of the original authors left and created this – https://github.com/react-hookz/web.

    A lot of older hook libs "break the rules" of React by doing some weird stuff like silencing useEffects deps array, reading refs in render, etc. We tried to avoid that so useHooks will be future proof.

  • vscode-react-javascript-snippets

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

  • react-anime

    ✨ (ノ´ヮ´)ノ*:・゚✧ A super easy animation library for React!

    Project mention: Best Animation packages for React.js , every frontend developer should use it | dev.to | 2023-07-17

    Github repo : https://github.com/plus1tv/react-anime

  • Onboard AI

    Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.

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 2023-12-06.

TypeScript Hooks related posts

Index

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

Project Stars
1 TanStack Query 37,397
2 SWR 28,502
3 react-table 22,990
4 mantine 22,382
5 use-gesture 8,338
6 wagmi 5,083
7 usehooks-ts 4,811
8 react-intersection-observer 4,482
9 kbar 4,386
10 constate 3,874
11 rooks 3,055
12 form 3,019
13 react-colorful 2,797
14 haunted 2,556
15 useStateMachine 2,345
16 react-hotkeys-hook 2,210
17 alova 2,148
18 use-query-params 2,020
19 data-client 1,859
20 graphql-hooks 1,856
21 web 1,707
22 vscode-react-javascript-snippets 1,591
23 react-anime 1,517
Learn any GitHub repo in 59 seconds
Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
getonboard.dev