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. 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.
"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.
-
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-11If 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.
-
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-19Haven'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
-
-
-
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.
-
There’s an open source project for this: https://kbar.vercel.app/
-
-
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)
-
-
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.
-
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.
-
-
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.
-
-
Provides data fetching, but handles mutations better by using reactive paradigms.
-
-
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
-
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.
TypeScript Hooks related posts
- How to customize alova's request adapter
- quick start of alovajs, a request strategy library
- Tanstack's React Query Kicked `onSuccess`, `onError`, and `onSettled` Out of `useQuery`: Now What?!
- TanStack Query(a.k.a. React Query) v5 announced
- Which headless hook UI library would you recommend?
-
rooks VS usehooks-ts - a user suggested alternative
2 projects | 1 Sep 2023
- 8 advanced usages of Promise that you don’t know
-
A note from our sponsor - Onboard AI
getonboard.dev | 11 Dec 2023
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 |