Next.js & React
State
What It Is
Data that can change over time and causes the UI to update
Analogy
The current mood of your restaurant — busy, slow, sold out — and the sign you flip accordingly
Try It Out
State Management
Component State
const [count, setCount] = useState(0)
0
Click buttons to change state and trigger re-render
State initial
Related Terms in Next.js & React
Framework
A food truck that comes with the kitchen already set up — you just add your recipes
Component
LEGO blocks — each one is self-contained, and you combine them to build something bigger
Props
Instructions given when you delegate a task — "here's what you need to know"
Server-Side Rendering (SSR)
Cooking the meal in the kitchen before bringing it to the table, rather than cooking at the table