Tutorial Redux

Introdução Duas ideias básicas Terminologia Básica Funcionamento de uma aplicação Redux Três princípios fundamentais

Ferramentas de Trabalho

Ferramentas Principais Instalação e configuração do aplicativo React Instalando Redux e RTK com React Instalando a Extensão Redux DevTools Instalando o React Router

Esquema Básico de Funcionamento

Adicionando um Slice Redutores Seletores e o Hook useSelector Obtendo Dados da Store no Componente Formulários e Estados Locais Adicionando um Formulário Redutor e Action Despachando uma Action Discussão do Esquema de Funcionamento

Trabalhando com Dados

Introdução Página individual do produto Página do produto no navegador Alterando dados do produto na store Formulário para editar dados Página de edição do produto no navegador Preparando dados para o objeto action Adicionando mais um slice Adicionando informação do vendedor Fazendo alterações no formulário Reutilização múltipla de dados do slice Adicionando lógica adicional Adicionando um redutor Despachando uma action

Servidor e banco de dados

Introdução Alteração da estrutura do estado Otimização do trabalho com seletores Instalação do MSW para trabalhar com o servidor Banco de dados para o servidor Criação de modelos de dados para o banco de dados Criação de objeto com dados do vendedor Criação de objeto com dados do produto Criação de registros no banco de dados Envio de dados do servidor via solicitação GET Cliente para o aplicativo

Lógica Assíncrona e Thunks

Introdução a thunks Vantagens de usar createAsyncThunk Despachando thunk a partir de um componente Redutores extras Evitando solicitações duplicadas Usando o status da solicitação Obtendo dados de vendedores Despacho direto de thunk Processando uma solicitação enviada via thunk Enviando dados via thunk Exibindo resultados no componente Exibindo a lista de vendedores Página do vendedor
↑
bydeenesfrptru