React Redux

Problem

Component Breakdown

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

React Redux

By piyushgargdev

React Redux

  • 183