/checkpoint-redux

Primary LanguageJavaScript

Getting used to React Redux : simple counter

OBJECTIVES

  1. Create a project using create-react-app.
  2. Add Redux to your project
  3. Create a Counter component start from zero if you click + you add 1, if you click - you decrement by -1.
  4. You are free to design your counter as you like
  5. we are going to create the initial state { counter: 0 } and pass it to the reducer
  6. Create reducer.js that contain your reducer function
  7. Connect Counter component with the store to consume the initial state
  8. Whenever you click + or - of your counter, you will dispatch an action to modify your global state counter
  9. Add a middleware to log your actions and your current state