Medium — Decorators

react-redux-without-decorators.js

// example from http://redux.js.org/docs/basics/UsageWithReact.html 
// annotated and simplified for this Medium story

import { connect } from 'react-redux'
import TodoList from "./todo-list"

const mapStateToProps = (state) => {
  return {
    todos: state.todos // bound to `this.props.todos`
  }
}

const mapDispatchToProps = (dispatch) => {
  return {
    onTodoClick: (id) => { // bound to  `this.props.onTodoClick`
      dispatch(toggleTodo(id))
    }
  }
}

const VisibleTodoList = connect(
  mapStateToProps,
  mapDispatchToProps
)(TodoList)

export default VisibleTodoList