Dualo
React Basics

Components & Props

Build your UI from small, reusable pieces driven by inputs.

1 min read

A is a reusable piece of UI — like a button, a card, or a navigation bar.

are the inputs you pass to a component to configure what it shows. Like the label of a button or the text of a title.

You build pages by combining components and passing props, a bit like assembling LEGO pieces with different colors.

Diagram

Grounded on https://react.dev/learn/passing-props-to-a-component

Next up

State & useState

Give components memory so they can react to user interactions.