/
8. React hook form

8. React hook form

This file was copied from the packages/webapp/src/stories/docs folder. Its accuracy as of August 8, 2024 has not been verified

| Resources | | --------- | | hookform sandbox playground | | useForm | | Controller |

Steps for a backend - frontend story from a data flow perspective

  • Create knex migration to create/modify tables in database

  • Create objection models

  • Endpoints and empty controllers

  • Backend jest unit testing

  • Implement controllers

  • Create authorization/validation middlewares

  • Run tests and make sure everything passes

  • Create pure frontend components in storybook

  • res.data normalizer, redux slice, redux selectors to hold and access the data

  • Redux saga for get/post/put/patch request

  • Container component to connect saga actions/selector with pure components

  • Connect Route component with container components with react router

  • Manual testing

Related content

10. Container and Routing
10. Container and Routing
More like this
6. Middleware
6. Middleware
More like this
7. Pure components and storybook
7. Pure components and storybook
More like this
Refactoring Code Guide
Refactoring Code Guide
More like this
Refactoring legacy components into pure and smart components
Refactoring legacy components into pure and smart components
More like this
Developer tips and tricks
Developer tips and tricks
More like this