In this unit, coders will work in groups to build a project using React. Their task is to build out the front-end for a Kahoot style question game that displays a question and the possible answers, allows a user to choose answer and determine whether they are right or wrong. This project is intended to highlight some important aspects of goal setting and project management. Students will present their projects in Unit 3!
| Session Slides |
Coders will ... |
| 1 |
- Explain the purpose of the React framework.
|
| 2 |
- Create and render a React component with props to pass data between components
- Write JSX
|
| 3 |
- Review: Create and render a React component with props to pass data between component, and writing JSX
|
| 4 |
|
| 5 |
- Review: Using and updating state in React
|
| 6 |
- Pass a function as a prop
- Register an event handler
|
| 7 |
- Review: Passing a function as a prop and registering an event handler in React
|
| 8 |
- Import and export React components
|
| 8.5 (Optional) |
|
| 9 |
- Prepare for and practice a project presentation
- Update their Linkedin profiles
- Update their Github and professional portfolio with new project
|