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 react-hook Open-Source Projects
-
The idea here is to first define an array of field names for each provider. We'll also need a map with more detailed information about each field. This map will contain the field name, label, type, and validation options. We'll use this map to render the form fields and also to validate the form. Finally, we'll have a Form component that will render the form fields based on their type and handle the form submission. We'll use React Hook Form to handle the form state and validation.
-
Refine
A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
-
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-native-firebase
🔥 A well-tested feature-rich modular Firebase implementation for React Native. Supports both iOS & Android platforms for all Firebase services.
I used Expo-React native so I didn't use directly rnfirebase.io.
-
-
In this approach (adapted from the usehooks package), we'll define a state variable currentCounter to track counter's value:
-
beautiful-react-hooks
🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥
🌟 Hooks Playground 🌟
-
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.
-
We're using wouter with great success. It's simple and effective for what we need from a router
-
Project mention: React hook library, ready to use, written in TypeScript | news.ycombinator.com | 2024-02-12
-
react-hooks-testing-library
🐏 Simple and complete React hooks testing utilities that encourage good testing practices.
Project mention: The Art of Side Effects in React.js: Understanding and Using the useEffect Hook | dev.to | 2023-06-18While generally it's recommended to test the component using the hooks rather than the hooks themselves, sometimes you might find it necessary to test custom hooks directly. For such cases, there's React Hooks Testing Library. This library allows you to create a simple test harness for React hooks that handles running them within the body of a function component, as well as updating and unmounting them.
-
-
-
react-intersection-observer
React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
-
-
project_chat_application
This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a real time chat application. Covered topics: React.js, Node.js, Express.js, and Socket.io.
Build and Deploy a Full Stack MERN AI Image Generation App MidJourney & DALL E Clone Launch your development career with project-based coaching - https://www.jsmastery.pro
-
-
Project mention: firereact VS react-firebase-hooks - a user suggested alternative | libhunt.com/r/firereact | 2024-02-05
A little bit fatter in terms of size and not actively maintained.
-
ReactFire
-
form
🤖 Powerful and type-safe form state management for the web. TS/JS, React Form, Solid Form, Lit Form and Vue Form. (by TanStack)
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
-
-
react-tracked
State usage tracking with Proxies. Optimize re-renders for useState/useReducer, React Redux, Zustand and others.
-
-
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.
react-hooks related posts
- Build Dynamic Forms with React Hook Form
- Developing a cross-platform TV app with React Native
- React hook library, ready to use, written in TypeScript
- UpsertDialog in React
- Understanding React’s useFormState and useFormStatus Hooks
- React Hook Form is working on "properly" supporting Server Actions
- I am thinking of making a Deadzone damage calculator.
-
A note from our sponsor - SurveyJS
surveyjs.io | 28 Mar 2024
Index
What are some of the best open-source react-hook projects? This list will help you:
Project | Stars | |
---|---|---|
1 | react-hook-form | 39,194 |
2 | Refine | 23,244 |
3 | hooks | 13,218 |
4 | react-native-firebase | 11,387 |
5 | awesome-react-hooks | 9,614 |
6 | usehooks | 8,366 |
7 | beautiful-react-hooks | 7,978 |
8 | wouter | 6,002 |
9 | usehooks-ts | 5,471 |
10 | react-hooks-testing-library | 5,186 |
11 | easy-peasy | 5,016 |
12 | Fakeflix | 4,921 |
13 | react-intersection-observer | 4,747 |
14 | constate | 3,908 |
15 | project_chat_application | 3,811 |
16 | fre | 3,687 |
17 | react-firebase-hooks | 3,520 |
18 | reactfire | 3,470 |
19 | form | 3,263 |
20 | rooks | 3,103 |
21 | use-debounce | 2,664 |
22 | react-tracked | 2,602 |
23 | haunted | 2,573 |