10. Container and Routing

| 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