exercise-3.md

Connect the components, dispatch the actions

Rendering the state

• In your ReactDOM.render call, wrap your components in a Provider to provide the store to connected components.
• Connect the Board component, mapping the lists property of the state to the lists prop of the board component.
• Check that your initial state is being rendered at this point.

Adding cards

• Connect the List component to give you access to the dispatch prop.
• In the List component, dispatch the addCard action when the AddForm's onAdd callback is fired.
  • You can use the card's index as its id.
• Test out adding a new card to a list.

Adding lists

• Connect the Board component to give you access to the dispatch prop.
• In the Board component, dispatch the addList action when the AddForm's onAdd callback is fired.
  • You can use the list's index as its id.
• Test out adding a new list to the board.