Schedule > 9. Introduction to React
Week 12: Mon, Nov 4
Video Walkthroughs
The folder of videos can be found here. I’ve also linked them individually:
- from 11/4 lecture React Set Up
- from 11/4 lecture What is a component?
- from 11/4 lecture Making a “Profile” component
- New Customizing your “Profile” component
- New Generating “Profile” components from data
- New State variables
- New Generating “Profile” components from server data
Readings
Monday (11/4)
- Required Describing the UI
- Recommended Tic Tac Toe. You are strongly encouraged to do this on your own.
Wednesday (11/6)
- Required Thinking in React. Make note of the steps:
- Break the UI into a component hierarchy
- Build a static version in React
- Find the minimal but complete representation of UI state (noting the difference between “props” and “state”
- Identify where your state should live
- Adding “inverse data flow”
- Required Sharing state between components
- Optional Synchronizing with effects
- Optional You might not need an effect
Monday (11/11)
Slides
- Lecture 12: Intro to React (Monday & Wednesday)
- Lecture 13: Intro to Design Systems (Monday, 11/11)