← React Beginner Questions - Set 8 Q76

How do you optimize performance in React?

React Beginner Questions - Set 8

Example

1
2
3
4

const Row = memo(function Row({ item }) { return <li>{item.name}</li>; });

const visible = useMemo(() => items.filter(f), [items, f]);
const onPick = useCallback(id => select(id), []);

What to notice

• Measure, then split the bundle, then memoise. Most re-renders are cheap; most bundles are not.