10. Container and Routing

Owned by Denis Dovganyuk
Aug 08, 2024
1 min read

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

| Resources | | --------- | | Redux hooks | | Redux useDispatch | | Redux useSelector | | React router history api | | Redux router match prop |

1. useSelector

2. useDispatch

3. routing

4. hookform -> redux saga action -> endpoint

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