redux example rename

docs/examples/todos-redux/src/containers/AddTodo.js

@@ -0,0 +1,26 @@
+import { addTodo } from '../actions/index.js'
+
+const h = React.createElement
+
+const AddTodo = ({ dispatch }) => {
+  const inputref = {}
+
+  return (
+    h('div', null,
+      h('form', { 
+        onSubmit: e => {
+          e.preventDefault()
+          if (inputref.input.value.trim()) {
+            dispatch(addTodo(inputref.input.value))
+            Object.assign(inputref.input, {value: ''})
+          }
+        }
+      },
+        h('input', {ref: input => Object.assign(inputref, {input})}),
+        h('button', {type: 'submit'}, 'Add Todo')
+      )
+    )
+  )
+}
+
+export default ReactRedux.connect()(AddTodo)

docs/examples/todos-redux/src/containers/FilterLink.js

@@ -0,0 +1,15 @@
+import { setVisibilityFilter } from '../actions/index.js'
+import Link from '../components/Link.js'
+
+const mapStateToProps = (state, ownProps) => ({
+  active: ownProps.filter === state.visibilityFilter
+})
+
+const mapDispatchToProps = (dispatch, ownProps) => ({
+  onClick: () => dispatch(setVisibilityFilter(ownProps.filter))
+})
+
+export default ReactRedux.connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(Link)

docs/examples/todos-redux/src/containers/VisibleTodoList.js

@@ -0,0 +1,28 @@
+import { toggleTodo } from '../actions/index.js'
+import TodoList from '../components/TodoList.js'
+import { VisibilityFilters } from '../actions/index.js'
+
+const getVisibleTodos = (todos, filter) => {
+  if(filter == VisibilityFilters.SHOW_ALL) {
+    return todos
+  } else if(filter == VisibilityFilters.SHOW_COMPLETED) {
+    return todos.filter(t => t.completed)
+  } else if(filter == VisibilityFilters.SHOW_ACTIVE) {
+    return todos.filter(t => !t.completed)
+  } else {
+    throw new Error('Unknown filter: ' + filter)
+  }
+}
+
+const mapStateToProps = state => ({
+  todos: getVisibleTodos(state.todos, state.visibilityFilter)
+})
+
+const mapDispatchToProps = dispatch => ({
+  toggleTodo: id => dispatch(toggleTodo(id))
+})
+
+export default ReactRedux.connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(TodoList)