W29 // NAVIGATION, ARCHITECTURE, NOTES APP
APR 7 · Ch 12 Sec 4-6 · DUE: Notes app (milestone)
This week's deckPPTX
// RUN OF SHOW (8:45-10:15)
8:45
Stand-up: last week's deliverable graded, questions answered
9:20
At the keyboard: guided type-along
9:45
Build time: assignment or project work
10:10
Close: commit, push, and preview next week's reading
// THE POINT THIS WEEK
In-app navigation. Basic architecture. Build the Notes app together.
// TALKING POINTS
Architecture is kindness
- Separate state, logic, and rendering; future-you says thanks
- Navigation in an SPA is just state: which view is showing
- The Notes app milestone: add, list, delete, all through state
Persistence with localStorage
- localStorage keeps strings across refreshes
- JSON.stringify packs state; JSON.parse unpacks it
- Save on every change, load on startup: the app remembers
// LINKS