|over 2 years ago||6 days ago|
|MIT License||MIT License|
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
We haven't tracked posts mentioning validations yet.
Tracking mentions began in Dec 2020.
How to Confidently Write Unit Tests using React Testing Library
7 projects | dev.to | 1 Dec 2022
Also, instead of managing the state and onChange handler yourself, you can use a very popular react-hook-form library.
Consuming a Rails API with a NextJs client
13 projects | dev.to | 28 Nov 2022
https://react-hook-form.com/ “Performant, flexible and extensible forms with easy-to-use validation”
Best Library To Create Simple And Complex Forms In React
3 projects | dev.to | 4 Nov 2022
So instead of manually writing all of the code and handling complex forms with validation logic, we can use the most popular React library for this, react-hook-form.
16 Libraries You Should Know as a React Developer 💯🔥
14 projects | dev.to | 4 Oct 2022
Formik sucks, is there a decent lib or the best way is to build your own forms?
5 projects | reddit.com/r/reactjs | 30 Sep 2022
Have you used https://react-hook-form.com/? This is the only one I've been investigating, in my current project there are a lot of complex forms, and I'm wondering if this lib can handle a lot of shit.
Build a Multistep Form With React Hook Form
2 projects | dev.to | 29 Sep 2022
One of the hardest and the most important things when working with multistep forms is deciding on their structure. Ultimately the choice depends on the project requirements and what exactly the form is supposed to do. The first option is often to use one form component, inside which an active step is rendered. In this tutorial we will use a different approach - each step component will be a separate form, collecting the data from its fields and sending it to the central store on submit. This way we achieve nice separation of concerns, making it easier to adapt to future requirement changes. For the form logic, we'll use React Hook Form, which makes working with forms easier. For the central store, we'll use React context, although for more complicated cases a separate state management library (e.g. Redux) could be a better fit. Lastly, each form step will have its own route, for which we'll use React Router.
How do professionals do the annoying little things like form validation? I always spend way too long either searching for code online or else building it from scratch, feels so wasted.
2 projects | reddit.com/r/reactjs | 8 Sep 2022
react-hook-form is awesome! https://github.com/react-hook-form/react-hook-form ⚡️
Top 10 Awesome React Hooks Libraries
15 projects | dev.to | 21 Aug 2022
Lightweight Forms Validation in React
3 projects | dev.to | 11 Aug 2022
For a forms-heavy application I wouldn't hesitate to pick some popular library, like React Hook Form, React Final Form, or Formik. But for a simple website with a single “Contact Us” form? I'd try to keep things light.
What are some alternatives?
react-final-form - 🏁 High performance subscription-based form state management for React
react-jsonschema-form - A React component for building Web forms from JSON Schema.
formik - Build forms in React, without the tears 😭 [Moved to: https://github.com/jaredpalmer/formik]
antd - An enterprise-class UI design language and React UI library
zustand - 🐻 Bear necessities for state management in React
joi - The most powerful data validation library for JS [Moved to: https://github.com/sideway/joi]
zod - TypeScript-first schema validation with static type inference
next-auth - Authentication for Next.js
SWR - React Hooks for Data Fetching
react-query - 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]
credit-card-form - [Moved to: https://github.com/halilb/rn-credit-card]
JSONForms - Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.