What is State?
Data that a component keeps track of and can change over time
Why It Matters
State is how your app remembers things like what's in a shopping cart or whether a menu is open
Real-World Example
When you add an item to a cart, state tracks the cart contents and updates the display
Related Terms
Component
A reusable building block of a user interface that can be combined to create complex pages
Props
Data passed from a parent component to a child component to customise its appearance or behaviour
React
A popular tool for building user interfaces, created by Facebook, that makes complex UIs easier to manage
Learn More at buildDay Melbourne
Want to understand these concepts hands-on? Join our one-day workshop and build a real web application from scratch.
Related Terms
React
A popular tool for building user interfaces, created by Facebook, that makes complex UIs easier to manage
Component
A reusable building block of a user interface that can be combined to create complex pages
Props
Data passed from a parent component to a child component to customise its appearance or behaviour
Frontend
The part of a website or app that users see and interact with directly
Next.js
A framework built on React that adds features like page routing, server-side rendering, and API handling
CSS
The language that controls how websites look, including colours, fonts, spacing, and layout