# Mod 5 Learning Objectives

<p align="right" style="font-size:10px">
  <a href="../README.md">Back to main README.md</a>
</p>

## Diagrams for the Visual Learners

This is a collection of diagrams to help visualize data flows of various parts
of React, Redux, and fullstack web apps.

### React Data Flows

- [React Data Flow][react-data-flow]
- [React Class Component Lifecycle Methods][react-class-component-lifecycle]
- [React Fullstack Data Flow][react-fullstack-data-flow]
- [React How Thunks Work][react-how-thunks-work]
- [React Use Effect Flow][react-use-effect-flow]
- [React Redux No Thunk Flow][react-redux-no-thunk]

[data-flow]: ./assets/react-data-flow.png
[class-component-lifecycle]: ./assets/react-class-component-lifecycle.png
[fullstack-data-flow]: ./assets/react-fullstack-dataflow.pdf
[how-thunks-work]: ./assets/react-how-thunks-work.pdf
[use-effect-flow]: ./assets/react-use-effect-flow.png
[redux-nothunk]: ./assets/react-redux-no-thunk.png

## Learning Objectives

### Week 14

- [Day 1](./w14-d1.md)

- [Day 2](./w14-d2.md)

- [Day 3](./w14-d3.md)

- [Day 4](./w14-d4.md)

- [Week 14 Practice Assessment Walkthrough](w14-practice-assessment.md)

### Week 15

- [Day 1](./w15-d1.md)

- [Day 2](./w15-d2.md)

- [Day 4](./w15-d4.md)

<p align="right" style="font-size:10px">
  <a href="../README.md">Back to main README.md</a>
</p>

[react-data-flow]: ../assets/react-data-flow.png
[react-class-component-lifecycle]: ../assets/react-class-component-lifecycle.png
[react-fullstack-data-flow]: ../assets/react-fullstack-dataflow.pdf
[react-how-thunks-work]: ../assets/react-how-thunks-work.pdf
[react-use-effect-flow]: ../assets/react-use-effect-flow.png
[react-redux-no-thunk]: ../assets/react-redux-nothunk.png