Setup

  • npx create-react-app mantras
  • npm i redux react-redux

Redux

  • actions:
    • ADD_MANTRA
  • reducer:
    • default state: []

React

  • components directory
    • list component
      • unordered list
      • leave blank for now
        • or receive an array as a prop
    • input component
      • class
      • should have state for the text in the input box

React-Redux

  • containers directory
    • MantraListContainer
    • MantraFormContainer
  • mapStateToProps
  • mapDispatchToProps