Next.js & React
Props
What It Is
Data passed from a parent component to a child component
Analogy
Instructions given when you delegate a task — "here's what you need to know"
Try It Out
Interactive Props
Edit Props
Click me
Re-renders: 1
<Button text="Click me" color="#C15F3C" size="16" />
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
State
The current mood of your restaurant — busy, slow, sold out — and the sign you flip accordingly
Server-Side Rendering (SSR)
Cooking the meal in the kitchen before bringing it to the table, rather than cooking at the table