Back to graph Interface concept
InterfaceModule 03

Component

VIEWSCOMPONENTSLOGICDATABASE

Tap a plane, or press Place order to watch one click travel down.

A reusable piece of interface: a button, a card, a table row. Defined once, used on every view.

Interactive demo

Click a layer of the app

Click a layer

Views

The screens a person actually looks at. Each web address maps to one view, assembled out of components.

How a click travels

component click -> logic checks the rules -> database records the change -> view re-draws with the new data

What makes this work

01

Props

The settings you pass in

02

State

What it remembers while open

03

Style

Tokens shared across the app

Related concepts