Какая польза от @connect декоратора в Reaction-Redux?

Я изучаю React и, следуя нескольким учебникам, я наткнулся на этот код:

import React                  from 'react';
import TodosView              from 'components/TodosView';
import TodosForm              from 'components/TodosForm';
import { bindActionCreators } from 'redux';
import * as TodoActions       from 'actions/TodoActions';
import { connect }            from 'react-redux';

@connect(state => ({ todos: state.todos }))

export default class Home extends React.Component {
  render() {
    const { todos, dispatch } = this.props;

    return (
      <div id="todo-list">
        <TodosView todos={todos} 
          {...bindActionCreators(TodoActions, dispatch)} />

        <TodosForm
          {...bindActionCreators(TodoActions, dispatch)} />
      </div>
    );
  }
}

Это приложение todo, и это главная страница, загружает еще 2 маленькихcomponents, Я понял почти все, но я не мог получить несколько вещей:

Что значитconnect делать? Я знаю, что вы должны передать 4 параметра (хотя я не мог точно определить, что это за 4 переменные).Как осуществляется реализация@connect декоратор, как будет выглядеть код после переноса?

Заранее спасибо :)

Ответы на вопрос(1)

Ваш ответ на вопрос