Overview
Week | Content | Coursework |
---|---|---|
Before the module starts | Preparation | Link |
Week 1 | React 101 | Link |
Week 2 | Reacting to Changes | Link |
Week 3 | Fetching Data | Link |
Week 4 | To be produced | |
React Router | Routing (optional) | |
Class Components | Class Components (optional) |
Overall Learning Objectives - React module
By the end of the three lessons & homework, trainees should be able to build a React application:
- Written with components
- Appropriately composed/nested
- Split across multiple files
- Uses props to pass values between components
- Data like numbers/strings/objects/arrays
- Functions as event handlers
- Uses state to react to user interaction
- E.g. a button can be clicked to increment a counter
- That fetches data from an API
- Loading, success and error states are shown
- Containing a form
- Form inputs that can be filled out by the user
- Can be submitted, triggering an update in the app
For advanced trainees, some further objectives would be:
- Use class components instead of function components/Hooks
- Explain why React state is used over plain old JavaScript variables
Out of scope
These topics are considered out-of-scope:
- Redux
- Want to focus on learning and practising the basics of React, before introducing new concepts
- Learning Redux will be easier once confident with React
- CSS-in-JS
- In depth functional programming
Coordination
Coordination details for this module can be found on the Module Coordinator's page.