Skip to content

Simple DOJO to learn react-hook-form by refactoring an existing form ๐Ÿ˜€

Notifications You must be signed in to change notification settings

Antoine-Regembal/dojo-react-hook-form

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

57 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Learn how to use react-hook-form with this easy DOJO

Content

The application includes everything you need to perform the refactor from a standard managed form to a form with states and errors managed by the react-hook-form library.

  • All packages needed installed โœ…
  • Form tested with testing-library + gherkin โœ…
  • Documentation for a quick setup and links to handy external documentations โœ…
  • Fully functionnal form, ready to be refactored โœ…
  • Form and validation fully typed with TypeScript โœ…

How to install and launch the application

Clone the repository to your local machine ๐Ÿ’ป

git clone https://github.com/Antoine-Regembal/dojo-react-hook-form.git

Install the application and dependencies ๐Ÿ”ง

Please make sure to use the exact same node version as the one defined in the package.json file on the "volta" object or directly use Volta (recommended) to avoid installing several node version yourself and let this tool manage them for you ๐Ÿฅฐ.

cd dojo-react-hook-form && npm install

Make sure the tests are passing โœ…

npm run test

Launch the application, you are ready to go ๐Ÿฅ‡

npm run dev

Demo

Documentation demo

Documentation demo

Form demo

Form demo


Good luck and have fun.