frontend-reference icon indicating copy to clipboard operation
frontend-reference copied to clipboard

Research and example of react-hook-form

Open rpmolina opened this issue 2 years ago • 0 comments

Describe the feature

When working with complex forms, it is a good idea to use a library that makes it easier for us to manage the states and flows of the forms. For this issue, it is expected to implement an example that will be used as a reference on how to use react-hook-form. taking into account:

  • form error handling.
  • validation handling, using resolvers and validation schemas like zod.
  • handling custom input with controller
  • nested fields.
  • fields with dependencies.

Use Case

The result of this issue is expected to be used as a reference or guide to build a complex form. Build a template with the necessary configurations to start working without worrying about the setup.

Proposed Solution

  • [ ] Create a basic react application using the react vite template using create-awesome-node-app adding the extension with react-hook-form.
  • [ ] Place the created app at examples/react-hook-form
  • [ ] Add the different features mentioned above to the app

Other Information

No response

Acknowledgements

  • [ ] I may be able to implement this feature request
  • [ ] This feature might incur a breaking change

Version used

Environment details (OS name and version, etc.)

┆Issue is synchronized with this Clickup task by Unito

rpmolina avatar Apr 24 '23 18:04 rpmolina