README.md

Module 3: React + Redux

Learning Outcomes

• M3.1 Use npm to install packages
• M3.2 Build a front end using React components
• M3.3 Customize the configuration of a component using props
• M3.4 Create stateful components
• M3.5 Use component lifecycle methods to execute code
• M3.6 Build a front end using React hooks
• M3.7 Build a single page application using React Router
• M3.8 Use Redux to manage state accross an application
• M3.9 Use git as a dependency management tool

Lessons, Quizzes, and Labs

Lesson	Lab
1. React Introduction	Profile Page
2. React Class Components	React Class Components Lab
3. React Props	Go Fund Me
4. React and State	Clicker Game
5. React Forms	Array Statistics
6. React Lifecycle Methods	Todos with toasts
7. Networking in React	Blackjack
8. Routing in React	Cats and Dogs
9. React Hooks	Refactor React Labs
10. Redux One	Add Functionality to Redux Counter
11. Redux Two	Redux ToDos

Individual Project

Project	Standards
Calculator	EF.4.e: Use frequent, descriptive, small commits FSW.3.d: Use Flexbox and Grid to layout a page FSW.5.b: Use JSX to create components FSW.5.d: Use the state property to build stateful React applications FSW.5.e: Use create-react-app to build React applications FSW.5.f: Respond to user input to update the views in a React app LF.5: Use functions to keep code DRY