React Week

🌐

Learning Outcomes

1. How modern frontend works
   • The differences between server-rendered and single-page apps
   • Why frontend is great/hard
2. React's benefits/tradeoffs
3. The React API
   • JSX/React elements
   • Function components
   • Component state
   • Effects
   • Class components
4. Real-world React patterns
5. Testing React components
6. How bundlers work (ish)
   • Modularising frontend code

Schedule

Day 1

10:00-10:30 Modern frontend & how React fits in (talk/discussion)
10:30-13:00 React API (workshop)
13:00-14:00 Lunch
14:00-15:00 React API (workshop continued)
15:00-18:00 Build a filterable product page (mini project)

Day 2

10:00-11:00 Destructuring morning challenge (morning challenge)
11:00-11:30 Intro to bundlers (talk)
11:30-13:30 React with dynamic data
13:30-14:30 Lunch
14:30-16:30 Testing React components
16:30-17:30 Project set-up
17:30-18:00 Project planning

Day 3

10:00-11:00 Refactor classes to hooks (morning challenge)
11:00-13:00 Projects
13:00-14:00 Lunch
14:00-17:00 Projects
17:00-18:00 Talk

Day 4

10:00-13:00 Projects
13:00-14:00 Lunch
14:00-18:00 Projects

Day 5

10:00-11:00 Code review
11:00-13:00 Fixing issues/planning presentations
13:00-14:00 Lunch
14:00-16:00 Present projects
16:00-17:00 Stop-go-continue
17:00 Pub