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. Learn more →
Top 23 TypeScript react-hook Projects
-
-
Project mention: rooks VS usehooks-ts - a user suggested alternative | libhunt.com/r/rooks | 2023-09-01
-
Amplication
Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.
-
-
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.
-
As I was searching through the codebase and writing the components for my current work ticket, I came across some useful custom hooks from a number of third-party libraries like react-use, usehooks-ts, Mantine. But there are for sure other similar libraries out there such as use-http, react-hanger and many more.
-
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.
-
-
Appwrite
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
-
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.
-
use-resize-observer
A React hook that allows you to use a ResizeObserver to measure an element's size.
Project mention: How do you check when an element changes height or width without using a direct reference to that element? | /r/react | 2023-04-26 -
plyr-react
A simple, accessible and customisable react media player for Video, Audio, YouTube and Vimeo
-
-
-
Basically, I would do this with useTimer hook which basically does a setInterval to calculate time. As for inspiration take a look at this use-timer.
-
-
use-upload
Framework agnostic library handling file uploads with progress, direct to AWS / GCP, and other locations
-
Project mention: React Log Hook: lightweight & customizable logging hook for your react components lifecycle | /r/reactjs | 2022-12-23
-
-
-
Project mention: react-factor: A really easy way to hoist any React Hook up to a React Context to create a shared dynamic state. | /r/javascript | 2022-11-09
-
-
-
react-native-media-query-hook
A simplified version of the media queries in css. Currently supports minWidth, maxWidth, minHeight, maxHeight, and orientation to detect landscape or portrait modus.
Project mention: What different breakpoints you use , or how do you even use breakpoints to make apps responsive to various screen sizes? | /r/reactnative | 2023-02-13A few weeks ago I created the react-native-media-query-hook package. You can use it to render different components and or different styles to adjust your layout. Maybe it helps you out. Please Star the repo if you use it. https://github.com/idlework/react-native-media-query-hook
-
Project mention: Sane front-end project architecture based on 12 years of experience | dev.to | 2023-09-27
To get started, you can create a new GitHub repository using the sane-front-end-project-template. It already includes all the mentioned components wired together.
-
SurveyJS
A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.
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).
The latest post mention was on 2023-09-27.
TypeScript react-hook related posts
-
rooks VS usehooks-ts - a user suggested alternative
2 projects | 1 Sep 2023
- Typescript Explicit States for pages
- 5 Great Custom Hooks For Your React Project
- Can't come to a conclusion if a component is pure or not. Please make me understand.
- React Log Hook: lightweight & customizable logging hook for your react components lifecycle
- Show HN: React Log Hook, logging hook in react components lifecycle
- React Log Hook: lightweight & customizable logging hook for your react components lifecycle
-
A note from our sponsor - InfluxDB
www.influxdata.com | 27 Sep 2023
Index
What are some of the best open-source react-hook projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | usehooks-ts | 4,364 |
| 2 | rooks | 2,993 |
| 3 | use-debounce | 2,385 |
| 4 | useStateMachine | 2,329 |
| 5 | use-http | 2,303 |
| 6 | web | 1,469 |
| 7 | react-hook | 1,339 |
| 8 | react-fetching-library | 619 |
| 9 | use-resize-observer | 593 |
| 10 | plyr-react | 424 |
| 11 | use-prosemirror | 344 |
| 12 | react-gtm-hook | 202 |
| 13 | use-timer | 189 |
| 14 | roover | 87 |
| 15 | use-upload | 78 |
| 16 | react-log-hook | 39 |
| 17 | use-prefers-color-scheme | 31 |
| 18 | use-prefers-reduced-motion | 18 |
| 19 | factor | 14 |
| 20 | react-relaxed | 9 |
| 21 | use-clean-effect | 3 |
| 22 | react-native-media-query-hook | 3 |
| 23 | sane-front-end-project-template | 0 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com