TypeScript Hooks

Open-source TypeScript projects categorized as Hooks

Top 23 TypeScript Hook Projects

  • zustand

    🐻 Bear necessities for state management in React

  • Project mention: Why is my React Component re-rendering? | dev.to | 2024-05-10

    For large-scale applications with frequently changing state, dedicated state management libraries like Redux, MobX, Zustand, etc. are generally better choices. These libraries offer efficient ways to handle state updates and minimize unnecessary re-renders.

  • 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: Best Next.js Libraries and Tools in 2024 | dev.to | 2024-04-10
  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • SWR

    React Hooks for Data Fetching

  • Project mention: Best Next.js Libraries and Tools in 2024 | dev.to | 2024-04-10

    Link: https://swr.vercel.app/

  • mantine

    A fully featured React components library

  • Project mention: 10+ UI Libraries for Svelte to Try in 2024 | dev.to | 2024-05-14

    SvelteUI includes 50+ customizable, accessible Svelte components. The components are built with TypeScript and support it by default. In addition to the components, the library includes out-of-the-box actions, transitions, and utilities. In general, it's a nice-looking library, heavily inspired by Mantine, with good documentation. The latest major update was released in August 2023.

  • react-table

    πŸ€– Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table

  • Project mention: Best Next.js Libraries and Tools in 2024 | dev.to | 2024-04-10
  • use-gesture

    πŸ‘‡Bread n butter utility for component-tied mouse/touch gestures in React and Vanilla Javascript.

  • usehooks-ts

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

  • Project mention: React hook library, ready to use, written in TypeScript | news.ycombinator.com | 2024-02-12
  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • wagmi

    React Hooks for Ethereum

  • 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: kbar-svelte-mini - ctrl+k menu for your Svelte website | dev.to | 2024-02-13

    The nice one I found that could do this is, kbar, and It cool, but I use Svelte not React. Lucky for us Svelte devs, I took on the job to port something similar to Svelte, a package that Is designed to just be plugged and played.

  • constate

    React Context + State

  • fre

    :ghost: Tiny Concurrent UI library with Fiber.

  • form

    πŸ€– Powerful and type-safe form state management for the web. TS/JS, React Form, Solid Form, Lit Form and Vue Form. (by TanStack)

  • Project mention: TanStack Form: Setup and simple validation (with shadcn/ui) | dev.to | 2024-05-07

    If you want to support the development of the project you can contribute to the GitHub Repo as I'm doing. You'll also find some previews such as this PR which will extend the validation feature.

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

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

  • haunted

    React's Hooks API implemented for web 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.

  • react-hotkeys-hook

    React hook for using keyboard shortcuts in components.

  • useStateMachine

    The <1 kb state machine hook for React

  • use-query-params

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

  • data-client

    Async State Management without the Management

  • 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.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

TypeScript Hooks related posts

  • Why is my React Component re-rendering?

    3 projects | dev.to | 10 May 2024
  • Best way to handle forms in Remix.run

    1 project | dev.to | 23 Apr 2024
  • A Comprehensive Guide to React State Management

    3 projects | dev.to | 12 Apr 2024
  • Best Next.js Libraries and Tools in 2024

    10 projects | dev.to | 10 Apr 2024
  • Beyond Redux - MobX and Zustand

    1 project | dev.to | 15 Mar 2024
  • Simple & Elegant State-Management with Zustand

    1 project | dev.to | 6 Mar 2024
  • This is your sign(al) to try TanStack Query & Angular

    2 projects | dev.to | 5 Mar 2024
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 16 May 2024
    Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more β†’

Index

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

Project Stars
1 zustand 43,112
2 TanStack Query 39,996
3 SWR 29,519
4 mantine 24,657
5 react-table 24,223
6 use-gesture 8,706
7 usehooks-ts 5,710
8 wagmi 5,666
9 react-intersection-observer 4,826
10 kbar 4,642
11 constate 3,911
12 fre 3,695
13 form 3,356
14 rooks 3,135
15 react-colorful 3,007
16 haunted 2,579
17 alova 2,477
18 react-hotkeys-hook 2,463
19 useStateMachine 2,360
20 use-query-params 2,101
21 data-client 1,891
22 graphql-hooks 1,875
23 web 1,840

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com