Adicionando Redux a uma aplicação React

Neste vídeo iremos começar a partir de uma aplicação React pequena que possui dois componentes enxutos: uma lista de tarefas e um mini-formulário para inserir uma nova tarefa. Inicialmente esses dois componentes vivem inteiramente isolados um do outro e iremos integrá-los a um estado em comum por meio do Redux.

Para começar iremos instalar as dependências necessárias para aplicar o Redux ao React: redux e react-redux e mais uma biblioteca que permite realizar atividades assíncronas dentro das actions: redux-thunk.

Iremos aprender a criar um Store para armazenar o estado da aplicação e como subdividir este estado para que haja um reducer para cada entidade da aplicação React.

Veremos também como despachar uma action com tipos bem definidos e como criar um reducer para alterar o estado de acordo com a carga útil contida na action que foi despachada.