InternshipReact quick reference
Common patterns on one page.
| Pattern | Example |
|---|---|
Show if true | {isOpen && <Menu />} |
Either/or | {ok ? <A /> : <B />} |
List | {items.map((x) => <Row key={x.id} />)} |
Event | onClick={() => save(id)} |
State | const [v, setV] = useState(0) |
Update from old | setV((old) => old + 1) |
Child content | function Card({ children }) |
Hooks must be called at the top level of a component, and never inside a loop or an if.