function App() {
const [items, setItems] = useState([]);
return (
<div>
<Cart items={items} />
<ProductPage onAdd={item => setItems(e => [...e, item])} />
</div>
);
}
App
State { items }
Page
Cart
Product Page
App
State { items }
Page
Cart
Product Page
Redux Store
Add to Cart
Subscribe to changes
Redux Architecture
Redux Architecture