What is Props?
Data passed from a parent component to a child component to customise its appearance or behaviour
Why It Matters
Props let you create flexible, reusable components that can display different content
Real-World Example
A Button component receives props like colour='blue' and text='Submit' to customise it
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
State
Data that a component keeps track of and can change over time
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