Building forms in might be a challenge. We have to face many tedious things like form data, validation, submission, and more 🤯. React As a React developer, there're two strategies for implementing forms, the and , each has its advantages and timing of use. The controlled components serve form state as . However, the uncontrolled components make our code more and . controlled components uncontrolled components the single source of truth concise performant React Cool Form combines these advantages and references the of as the basis for our design to help you conquer all kinds of forms 👊🏻. UX research Nielsen Norman Group API Let's Getting Started We're going to build a basic signup form with validation as below: To use , you must use react@16.8.0 or greater which includes hooks. This package is distributed via . React Cool Form npm $ yarn add react-cool-form $ npm install --save react-cool-form # or Here's the implementation, you can play it via CodeSandbox: With , we can also integrate a 3rd-party UI library with our form seamlessly. We take as an example: React Cool Form Material-UI ✨ Pretty easy right? Check the full to learn more about it. API documentation
