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
🤖 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  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.
React Hooks for Data FetchingProject mention: 45 NPM Packages to Solve 16 React Problems | dev.to | 2023-11-14
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.
🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-TableProject 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) , if you want something that's batteries included, MUI . 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.
A fully featured React components libraryProject 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
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
React Hooks for Ethereum
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
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 implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
fast, portable, and extensible cmd+k interface for your siteProject 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/
React Context + State
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
🤖 Powerful and type-safe form state management for the web. TS/JS, React Form, Solid Form, Svelte Form and Vue Form. (by TanStack)
🎨 A tiny (2,8 KB) color picker component for React and Preact apps
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.
The <1 kb state machine hook for ReactProject 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 hook for using keyboard shortcuts in components.
Request strategy library for MVVM libraries such as Vue.js, React.js and Svelte.jsProject 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 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
Async State Management without the ManagementProject 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.
🎣 Minimal hooks-first GraphQL client
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.
✨ (ﾉ´ヮ´)ﾉ*:･ﾟ✧ 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
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
3 projects | dev.to | 23 Nov 2023
quick start of alovajs, a request strategy library
2 projects | dev.to | 31 Oct 2023
Tanstack's React Query Kicked `onSuccess`, `onError`, and `onSettled` Out of `useQuery`: Now What?!
1 project | dev.to | 25 Oct 2023
TanStack Query(a.k.a. React Query) v5 announced
3 projects | news.ycombinator.com | 19 Oct 2023
Which headless hook UI library would you recommend?
1 project | /r/react | 10 Oct 2023
rooks VS usehooks-ts - a user suggested alternative
2 projects | 1 Sep 2023
8 advanced usages of Promise that you don’t know
2 projects | dev.to | 22 Aug 2023
A note from our sponsor - Onboard AI
getonboard.dev | 11 Dec 2023
What are some of the best open-source Hook projects in TypeScript? This list will help you: