NgRx (com NgRx Data) - O Guia Completo (Angular 16)

Aprenda o ecossistema moderno do NgRx, incluindo NgRx Data, Store, Effects, Router Store, NgRx Entity e DevTools

Este curso é um guia abrangente para o novo ecossistema do NgRx, incluindo NgRx Data, Store, Effects, Router Store, NgRx Entity e DevTools. Ele fornece uma compreensão completa do gerenciamento de estado nas escolhas de design de arquitetura frontend. Ao longo do curso, você explorará os conceitos principais de Actions, Reducers, Effects, Entities e Selectors, e aprenderá como gerenciá-los usando a nova API menos verbosa. Um dos destaques deste curso é a inclusão do NgRx Data, uma camada de abstração poderosa em cima do NgRx. Com o NgRx Data, você pode facilmente adicionar gerenciamento de estado a grandes partes de sua aplicação sem escrever código excessivo. O curso também aborda o módulo NgRx Store, NgRx Effects, NgRx Entity, NgRx Dev Tools, NgRx Router Store e o depurador de viagem no tempo. Neste curso, você começará refatorando um aplicativo existente que não possui gerenciamento de estado. Ao identificar os problemas em sua forma inicial, você entenderá as consequências de não implementar o gerenciamento de estado. Em seguida, passo a passo, você adicionará o gerenciamento de estado a diferentes telas do aplicativo, começando com os recursos de autenticação e avançando para o gerenciamento de dados de entidade. O curso aborda conceitos-chave como Actions, Reducers, Effects e Selectors em detalhes, juntamente com a arquitetura do Store e seus benefícios. Você também aprenderá como aproveitar ao máximo o NgRx Data e personalizá-lo para gerenciar dados de entidade com código mínimo. Ao longo do curso, serão enfatizadas boas práticas, como uma boa higiene de Actions. Ao final deste curso, você se sentirá confortável com o gerenciamento de estado e a solução de armazenamento centralizado. Você será capaz de projetar novas aplicações usando o NgRx e terá um profundo entendimento do ecossistema completo da biblioteca NgRx, incluindo NgRx Store, Effects, Entity e NgRx Data. Além disso, você aprenderá como estruturar partes da solução usando o NgRx Schematics e configurar o NgRx DevTools com integração de roteador.

O que você aprenderá

- Código em um repositório do Github com arquivos ZIP para download por seção - Familiarizar-se com o padrão de armazenamento centralizado e como usá-lo no Angular - Entender quando usar uma solução de armazenamento centralizado e por quê - Manipular dados de entidade com código mínimo usando o NgRx Data - Obter conhecimento aprofundado do NgRx Store, incluindo padrões principais do store como Reducers e Actions - Aprender sobre NgRx Effects e quando usar efeitos colaterais - Explorar os benefícios do NgRx Entity e quando usá-lo - Transformar um aplicativo Angular existente em um aplicativo baseado em store passo a passo - Implementar funcionalidades comuns no NgRx, como Autenticação ou Paginação de Entidades - Aprender o NgRx de forma prática, implementando casos de uso reais