Aprenda Redux usando NGRX com Angular 13+

Descubra o ecossistema moderno do NgRx, incluindo Stone, Effects, Selectors e DevTools.

Sobre o Curso

Este curso é um guia abrangente para o novo ecossistema do NgRx, incluindo Store, Effects, Selectors e DevTools. O NgRx é a biblioteca de gerenciamento de estado mais popular no espaço do Angular, e por um bom motivo. A versão mais recente do NgRx é, sem dúvida, uma das mais significativas em todo o ecossistema do Angular. Embora seja compatível com versões anteriores, ele contém tantos recursos novos que é quase uma nova biblioteca de gerenciamento de estado. Aprenderemos os conceitos principais de Actions, Reducers, Effects e Selectors.

Visão Geral do Curso

Neste curso, construiremos uma pequena aplicação sem nenhum gerenciamento de estado para entender as consequências de não implementar o gerenciamento de estado. Identificaremos alguns problemas que a aplicação enfrenta em sua forma inicial. Em seguida, refatoraremos a aplicação e gradualmente adicionaremos o gerenciamento de estado a ela em várias telas. Este curso abrange os seguintes tópicos: - Introdução e instalação do Angular. - Instalação de recursos + configurações do projeto. - Criação do Modelo e Serviço. - Criação do Componente de Listagem. - Criação do Componente de Registro. - Implementação do NGRX. - Criação de uma Ação. - Criação de um Reducer. - Criação dos Selectors. - Criação dos Effects. - Configurações finais do NGRX no projeto. - Modificando o Componente de Listagem e implementando o NGRX. - Modificando o Componente de Registro e implementando o NGRX. - Adaptações para realizar operações de atualização. - Adaptações para realizar operações de Obter por ID e Excluir com o NGRX. - Removendo um registro com o NGRX. - Aprendendo Listas Personalizadas com o Selector.

O que Você Aprenderá

Ao final do curso, você terá um entendimento sólido de como usar o Redux - NGRX. Criaremos um CRUD para registro de usuários, forneceremos um exemplo de implementação do NGRX com serviços e aprenderemos como instalar o NGRX em um projeto Angular 13+.