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. Learn more β
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.
-
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.
-
react-table
π€ Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
-
use-gesture
πBread n butter utility for component-tied mouse/touch gestures in React and Vanilla Javascript.
-
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.
-
react-intersection-observer
React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
-
form
π€ Powerful and type-safe form state management for the web. TS/JS, React Form, Solid Form, Lit Form and Vue Form. (by TanStack)
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
For our case, points 1 and 2 can help us provide a better way of handling updates in our rapidly updating application. I have used zustand for the application.
Link: https://swr.vercel.app/
Hereβs another mentality shift for you. If you were thinking in a providers pattern, you need to snap out of it. You can no longer store your theme in a provider. No more RadixUI or MantineUI for you.
Project mention: React hook library, ready to use, written in TypeScript | news.ycombinator.com | 2024-02-12
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.
Tanstack - Tanstack has evolved to an entire ecosystem consisting of the famous Tanstack (or React) Query, Tanstack Table, now also Tanstack Router and Tanstack Form. It started with Tanstack Query, which adopted Nx and Nx Cloud. Zack talked about this collab with Dominik, and we also had Dominik on our Nx live stream. Now, all the above-mentioned Tanstack libs have adopted Nx, and there's more coming.
Project mention: rooks VS usehooks-ts - a user suggested alternative | libhunt.com/r/rooks | 2023-09-01
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.
Project mention: UseHooks β A Collection of Server Component Safe React Hooks | news.ycombinator.com | 2023-05-30From 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.
TypeScript Hooks related posts
- Best way to handle forms in Remix.run
- A Comprehensive Guide to React State Management
- Best Next.js Libraries and Tools in 2024
- Beyond Redux - MobX and Zustand
- Simple & Elegant State-Management with Zustand
- This is your sign(al) to try TanStack Query & Angular
- React Query Mutations Offline React-Native
-
A note from our sponsor - SurveyJS
surveyjs.io | 26 Apr 2024
Index
What are some of the best open-source Hook projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | zustand | 42,526 |
2 | TanStack Query | 39,627 |
3 | SWR | 29,431 |
4 | mantine | 24,233 |
5 | react-table | 24,102 |
6 | use-gesture | 8,659 |
7 | usehooks-ts | 5,612 |
8 | wagmi | 5,495 |
9 | react-intersection-observer | 4,791 |
10 | kbar | 4,610 |
11 | constate | 3,911 |
12 | fre | 3,692 |
13 | form | 3,327 |
14 | rooks | 3,122 |
15 | react-colorful | 2,990 |
16 | haunted | 2,576 |
17 | react-hotkeys-hook | 2,432 |
18 | alova | 2,451 |
19 | useStateMachine | 2,360 |
20 | use-query-params | 2,099 |
21 | data-client | 1,888 |
22 | graphql-hooks | 1,872 |
23 | web | 1,826 |
Sponsored