Composition

  • Think of them as Lego bricks

  • Build small components that together build larger components, screens

  • Composition is key!

Composition

We compose these bricks to build larger things

<!-- LoginForm.js -->
<Form>
<FormGroup>
<Label>Username</Label>
<Input name="username" />
<Label>Password</Label>
<Input name="password" />
</FormGroup>
<Button>Submit</Button>
</Form>