Todo List + Redux + React Component

Action.jsx

export const actionTypes = {
  REFRESH_LIST: "TODOS/LIST_REFRESH"
};

export const actionsCreators = {
  updateList: todos => ({
    type: actionTypes.REFRESH_LIST,
    payload: todos
  })
};

const INITIAL_STATE = fromJS({
  items: {}
});

export default (state = INITIAL_STATE, { type, payload }) => {
  switch (type) {
    case actionTypes.REFRESH_LIST:
      return state.set("items", fromJS(payload));
    default:
      return state;
  }
};

TodoList.jsx

class TodoList extends React.Component {
  componentDidMount() {
    this.listener = database.ref("todos").on("value", snapshot => {
      this.props.updateList(snapshot.val() || {});
    });
  }

  componentWillUnmount() {
    this.listener.off();
  }

  render() {
    return (
      <ul>
        {this.props.todos.map(todo => (
          <li key={todo.get("id")}>{todo.get("text")}</li>
        ))}
      </ul>
    );
  }
}

const mapActions = {
  updateList: actionsCreators.updateList
};

export default connect(
  null,
  mapActions
)(TodoList);