Visão Geral

Este Curso Building Web Applications with React fornece um guia prático para construir aplicativos web de página única (SPAs) rápidos, modernos e escaláveis ​​usando React. Os alunos constroem um aplicativo usando componentes de função, Hooks e ferramentas padrão como create-react-app, Redux Toolkit e Formik. Os alunos obterão uma compreensão dos princípios do Flux e do fluxo de dados unidirecional, bem como como chamar APIs RESTful, construir hierarquias de componentes, criar Hooks personalizados e componentes wrapper e como implantar aplicativos React.

Objetivo

Ao final do curso, você aprenderá a:

• Inicie aplicativos React com create-react-app
• Crie componentes React usando JSX
• Utilize adereços e estado
• Use Hooks integrados, de terceiros e personalizados em componentes funcionais
• Trabalhar com entradas controladas e Formik
• Faça chamadas RESTful AJAX a partir de aplicativos React
• Adicione rotas ao seu SPA usando react-router
• Teste de unidade Componentes React
• Gerencie o estado com Redux usando o Redux Toolkit
• Crie componentes de ordem superior e ganchos personalizados

Publico Alvo

• Este curso foi criado para desenvolvedores web que desejam criar aplicativos de página única usando React.

Pre-Requisitos

• Os participantes devem estar confortáveis ​​trabalhando com JavaScript para fazer esta aula. Conhecimento de ES6 é útil, mas não essencial.

Informações Gerais

FORMATO:

• 100% On-Line na presença de um instrutor/consultor ativo no mercado e docente em sala de aula.
• In-company.
• Presencial.

PERÍODO:

• Noturno em noites intercaladas exemplo: terça-feira e quinta-feira das 19h às 23h,total de 4h por encontro.
• Aos sábados das 8h às 12h, total de 4h ou das 09h às 18h, total de 8h.
• Integral consultor disponibilidade

LAB:

• Apostila
• Laborátorio individual
• Exercícios práticos

Conteúdo Programatico

Getting Started with React

1. What Are Single Page Applications?
2. Introducing React
3. React vs. Other Frameworks
4. Using create-react-app for Project Configuration
5. Introducing JSX
6. Creating and Composing React Components

State and Events

1. Passing Data with Props and State
2. Repeating Elements and Unique Keys
3. Controlled vs. Uncontrolled Inputs
4. Managing State with the useState Hook
5. Understanding and Using Hooks
6. Leveraging React Events
7. Class Components and the Component Lifecycle

Unit Testing with React

1. Principles of Unit Testing
2. Testing React Using Facebook’s Jest Framework
3. Using the React Testing Library

React and REST

1. Introducing REST and AJAX
2. Making GET Requests to Retrieve Data
3. POST Data to the Server for Updates

Routing

1. Exploring the react-router Module
2. Adding Routes to the Application
3. Creating Parameterized Routes
4. Reading Route Data with the useParams Hook
5. Navigating Programmatically with useNavigate

Introducing Flux and Redux

1. Answering the Question: Why Flux?
2. Working with Unidirectional Data Flow
3. Leveraging the Redux Toolkit
4. Managing State Modification with Slices
5. Handling Asynchronous Actions
6. Using the useDispatch and useSelector Hooks

Forms

1. Simplifying Forms with the Formik Library
2. Validating Inputs
3. Integrating Formik with Redux

Higher-Order Components

1. Using Add-Ons and Third-Party Tools
2. Building a Modal Dialog with react-boostrap
3. Creating a Wrapper Component
4. Understanding DOM Access
5. Creating a Custom Hook with useCallback

Deployment

1. Building for Deployment
2. Creating Environment Variables and Files
3. Using React.lazy