Top 13 TypeScript react-hook Projects
-
Another option is to consider using a state machine with a library like xstate or useStateMachine. I love how state machines can simplify complex states and eliminate impossible states (ex: being in two states at the same time).
-
use-http - 🐶 React hook for making isomorphic http requests
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Project mention: What is the optimized way of changing the background color for the navbar when windows scroll | reddit.com/r/reactjs | 2022-08-08
You should debounce your scroll-event (https://github.com/xnimorz/use-debounce) and add your state to the condition to avoid useless setState
-
Our requirements look good and pretty strict, uh? But don't worry, we can deal with all of them using the beautiful and very easy-to-use useResizeObserver hook from the beautiful react-hook library by Jared Lunde. According to it's documentation and my tests and usage as well it meets all our requirements:
-
-
react-fetching-library
Simple and powerful API client for react 👍 Use hooks or FACCs to fetch data in easy way. No dependencies! Just react under the hood.
-
Project mention: What does a 'good' GitHub page like? (Q for the Professionals) | reddit.com/r/learnprogramming | 2021-10-11
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
Project mention: Google Analytics or GTM for tag and event tracking? | reddit.com/r/webdev | 2022-06-21
I found this react-ga package which seems handy, but also found react-gtm-hook which relies on Google Tag Manager. But it is unclear for me which tool could suit my needs since they both look a bit similar. Has anyone stumbled upon a similar situation? I would appreciate any further suggestion. Thanks in advance.
-
use-upload
Framework agnostic library handling file uploads with progress, direct to AWS / GCP, and other locations
-
-
Project mention: I’ve built a fully themeable and accessible dark mode toggle component for React. [Details in the comments] | reddit.com/r/reactjs | 2022-07-20
Thank you! I'm not linking to any articles here. dark-mode-toggle is a controlled React component, so you can query the preferred color scheme with a hook like https://github.com/anatoliygatt/use-prefers-color-scheme and set the mode prop to whatever value you like, as long as it is either dark or light 😉.
-
Project mention: I’ve built a fully themeable and accessible numeric stepper component for React. [Details in the comments] | reddit.com/r/webdev | 2022-04-09
The user who experiences issues caused by motion can use the component by clicking on the increment/decrement buttons or the thumb. In this way, there is no excessive motion, though I believe the physics-based animation as a response to drag is not excessive at all. I was deep-diving into the motion-related accessibility issues when building https://github.com/anatoliygatt/use-prefers-reduced-motion.
-
Project mention: use-clean-effect: An extension of React useEffect without the need for clean-up functions | reddit.com/r/programming | 2022-06-27
TypeScript react-hook related posts
- What is the optimized way of changing the background color for the navbar when windows scroll
- I’ve built a fully themeable and accessible dark mode toggle component for React. [Details in the comments]
- React의 맥가이버, react-use, react-hookz!
- Is it okay to use many useState and useEffect?
- What would you change about React?
- Using React Context to store a Locale Change callback - Right or wrong?
- I’ve built a fully themeable and accessible numeric stepper component for React. [Details in the comments]
Index
What are some of the best open-source react-hook projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | useStateMachine | 2,252 |
2 | use-http | 2,196 |
3 | use-debounce | 1,946 |
4 | react-hook | 1,019 |
5 | web | 713 |
6 | react-fetching-library | 614 |
7 | use-prosemirror | 320 |
8 | react-gtm-hook | 155 |
9 | use-upload | 77 |
10 | roover | 73 |
11 | use-prefers-color-scheme | 28 |
12 | use-prefers-reduced-motion | 10 |
13 | use-clean-effect | 3 |
Are you hiring? Post a new remote job listing for free.