Visão Geral

Este curso de treinamento ensina aos alunos como começar com React e Redux.

Objetivo

Após a conclusão deste curso, você será capaz de:

• Aprenda a entender o propósito do Redux
• Aprenda a construir um componente Redux-React do mundo real
• Aprenda métodos de roteamento
• Aprenda a aplicar métodos assíncronos

Pre-Requisitos

• 1-2 anos de experiência em JavaScript. Compreensão avançada de JavaScript, incluindo protótipos e funções como cidadãos de primeira classe.
  

Informações Gerais

Carga Horária: 16h

• Se noturno este curso é ministrado de Terça-feira à sexta-feira, das 19h às 23h
• Se aos sábados este curso é ministrado das 9h às 18h
• Se in-company por favor fazer contato para mais detalhes.

Formato de entrega: 

• 100% on-line ao vivo, via Microsoft Teams na presença de um instrutor/consultor ativo no mercado.
• Nota: não é curso gravado. 

Lab:

• Laboratório + Exercícios práticos

Materiais

Conteúdo Programatico

Setup

1. Verifying Node.js and NPM or Yarn
2. Verifying class libraries
3. Verifying class files
4. IDE (WebStorm or Visual Studio Code preferred)

Introduction to Redux

1. What problems does Redux solve?
2. How does it solve them?
3. Basic Redux pattern
4. Store
5. Reducers
6. Actions
7. A basic Redux example
8. Testing Redux
9. Complex actions with Redux

React and Redux

1. Plugging into React
2. State as props
3. Events as dispatch
4. Introducing higher-order components
5. Turning standalone Redux into a component
6. Middleware
7. The logger
8. The devtools
9. Other middleware
10. Building a real-world React-Redux component
11. Testing React-Redux components
12. Higher-order components in detail
13. What do higher-order components do?
14. Why would I use a higher-order component?

Asynchronous Redux

1. The difficulties of asynchronous Redux
2. Asynchronous middleware
3. Thunks, sagas, or survey both techniques for asynchronous interactions
4. Dispatching async actions
5. Catching results
6. Handling errors
7. Testing asynchronous Redux

Advanced Redux

1. Using reselect to minimize re-rendering
2. Normalizing state
3. Higher-order reducers
4. Helper libraries

React, Redux, and routing

1. The tools
2. React, Redux, React-router and an adapter
3. Routing without Redux
4. Storing routing state in Redux
5. Pulling routing state from Redux
6. Testing Redux and the router