Week 29 and Week 30

Week 29

Monday

• Code for Refactoring Props and State Reading
• Refactoring Props and State Extra More
• Introduction to Class Components Video
• Create a Class Component Video
• Create State in a Class Component Video
• Update State in a Class Component Video
• Code for Refactoring Lifecycle Methods Reading
• Refactoring Lifecycle Methods Extra More
• Lifecycle Methods Diagram Extra
• Introduction to Lifecycle Methods Video
• componentDidMount Lifecycle Method Video
• componentDidUpdate Lifecycle Method Video
• componentWillUnmount Lifecycle Method Video
• Classes and Lifecycle Methods Quiz

Tuesday

• Creating Class Components Practice Solution
• Lifecycle Methods Practice Solution
• Long Practice: Refactoring Widgets Solution
• React with Redux Objectives Extra More
• Redux Explained Extra More
• Locked Flux and Redux Extra More
• Quiz
• Redux Store Extra More
• Actions Extra More
• Actions Quiz
• Reducers Extra More
• Using Redux with React Extra More
• React-Redux Data Flow Chart (No Backend)
• Flattening (Normalizing) Data in Vanilla JS Video
• Copying Arrays Without Mutation Video
• Copying Objects Without Mutation Video Extra More

Wednesday

• Create Store Project Solution
• Actions & Reducer Project Solution More
• useDispatch & useSelector Project Solution More
• Using Parameters to Query the Store Project Solution
• Using Forms with Redux Extra More
• Long Practice: Grocery Store Walkthrough
• Server Review (Recall) Extra More
• Server Review Quiz

Thursday

• Postman (Review) Extra More
• Redux with Thunk and Fetching Objectives Extra More
• Thunk Actions Extra More
• useEffect and Async Functions Extra More
• Extra More
• Redux Thunk Video
• Project Folder Video
• Proxies Extra More Environment Variables

Friday

• Redux Actions Video
• Add Redux Thunk Middleware to the Redux Store: Vedio
• Create a Thunk, Action Creator, and Reducer: Video
• Dispatch Thunk Action Creator in the Component
• Listen for State Change in the Component with useSelector: Video
• Thunk Quiz
• Project: Thunk Action Creator Extra More
• Project: Dispatch Thunk Extra More
• Project: Normalize Data Extra More
• Full Stack Data Flow Diagram Extra
• Full Stack Data Flow Diagram: Video>

Week 30

Monday

• Full Stack Data Flow: Video
• Full Stack Data Flow Diagram (Whitney-Minson)
• Project: Locked
• Long Practice: React/Redux with Thunks - Reports
• Exploring Database Architecture Patterns
• Setting up a Schema in Express and Sequelize/li>
• Authenticate Me: Deploy Backend to Render.com

Tuesday

• Authenticate Me Frontend
• Authenticate Me, Phase 0 Quiz
• Project: Authenticate Me Frontend
• Authenticate Me, Phase 1 Quiz
• Authenticate Me, Phase 2 Quiz
• Authenticate Me Frontend
• Authenticate Me, Phase 0 Quiz
• React Project Assessment

Wednesday

• React Solo Project Expectations Extra More

Thursday

Friday