/react-redux-together

Primary LanguageJavaScript

Node modules you need:

  • redux
  • react-redux

Conventions (what files to put your code in)

Redux

  • actions.js - action constants and your action creator functions
  • reducers.js (or a folder) - import your actions and define reducer functions
  • CounterApp.js - define the store so that the React app can use it

React

"Dumb components" (a.k.a. "John Snow components")

  • components/ - holds all your dumb components
  • they know nothing about redux
  • they accept props!
    • show the props
    • use props as event handlers

"Smart containers" (a.k.a. "The Iron Man suit")

  • containers/ - holds all your smart containers
  • they know all about redux!
    • have access to redux state
    • can call the store's dispatch()
  • they don't know about React
    • they import your dumb components
  • they wire together your dumb components and redux's state and dispatch
    • define mapStateToProps function
    • define mapDispatchToProps function