К содержанию

Tutorial Redux

Tutorial avançado sobre o framework JavaScript React. Muita teoria e tarefas.

Уроки

Biblioteca Redux

Duas ideias básicas no Redux

Terminologia Básica no Redux

Funcionamento de um aplicativo Redux

Três Conceitos Fundamentais do Redux

Ferramentas de Trabalho

Principais Ferramentas do Redux

Instalação e preparação de um aplicativo React

Instalação do Redux e RTK em uma aplicação React

Instalação da Redux DevTools Extension

Instalando React Router em uma aplicação Redux

Esquema Básico de Funcionamento

Adicionando um Slice no Redux

Redutores no Redux

Seletores e o hook useSelector no Redux

Obtendo dados da store em um componente no Redux

Formulários e Estados Locais no Redux

Adicionando um formulário ao Redux

Reducer e action no Redux

Enviando actions e o hook useDispatch no Redux

Discussão do funcionamento de uma aplicação Redux

Trabalhando com Dados

Trabalhando com Dados no Redux

Página do produto no Redux

Página do produto no navegador no Redux

Alteração de dados do produto no Redux store

Formulário para Editar Dados no Redux

Página de edição de produto no navegador no Redux

Preparação de dados para o objeto action no Redux

Adicionando mais um slice no Redux

Adicionando informações do vendedor no Redux

Modificando o Formulário no Redux

Reutilização de Dados de um Slice no Redux

Adicionando lógica adicional ao aplicativo Redux

Adicionando um redutor a uma aplicação Redux

Enviando actions em uma aplicação Redux

Servidor e banco de dados

Troca de dados entre uma aplicação Redux e o servidor

Alterando a Estrutura do Estado no Redux

Obtendo Seletores no Redux

Instalação do MSW para trabalhar com o backend no Redux

Banco de dados para o servidor no Redux

Criação de modelos de dados para o banco de dados no Redux

Criação de um objeto com dados do vendedor no Redux

Criando um objeto com dados do produto no Redux

Criação de registros no banco de dados no Redux

Envio de dados do servidor via requisição GET no Redux

Cliente para Aplicação em Redux

Lógica Assíncrona e Thunks

Introdução a thunks no Redux

Benefícios do uso do createAsyncThunk no Redux

Enviando um thunk de um componente no Redux

Redutores Adicionais no Redux

Eliminação de duplicação de requisição no Redux

Aplicação do status da requisição no Redux

Obtenção de dados de vendedores no Redux

Despacho direto de thunk no Redux

Processamento de uma requisição POST enviada usando thunk no Redux

Enviando dados usando thunk no Redux

Exibindo os resultados do trabalho de um thunk em um componente no Redux

Lista de Vendedores no Redux

Página do Vendedor no Redux