Gerenciando o estado de sua aplicação Blazor com Redux (.NET 8)

A melhor maneira de lidar com dados do ponto de vista do front-end, agora no Blazor e C#!

Visão geral do curso

Gerenciar o estado de sua aplicação em um aplicativo Blazor pode ser desafiador. Se você quiser fazer isso da maneira nativa, precisará utilizar parâmetros e callbacks para se comunicar entre os componentes. No entanto, existe uma biblioteca poderosa e amplamente utilizada na comunidade JavaScript chamada Redux, que pode ajudá-lo a organizar seus dados de front-end da melhor maneira possível. Neste curso, aprenderemos como implementar um padrão de armazenamento Redux em seu aplicativo Blazor do zero!

Módulo 1: Introdução ao Redux no Blazor

Neste módulo, começaremos com um aplicativo Blazor clássico que se comunica com uma API. Identificaremos rapidamente os principais problemas dessa abordagem e, em seguida, criaremos nosso primeiro estado, ação, redutor e serviço usando arquivos de classe C# em branco. Também modificaremos o componente de lista para usar nossa implementação do Redux. Como exercício, você terá a tarefa de atualizar o componente de lista para a ação de exclusão usando nossa implementação do Redux. Ao final deste módulo, você terá uma compreensão sólida dos conceitos básicos de implementação do Redux e de como ele pode aprimorar o desempenho de sua aplicação.

Módulo 2: Aprimorando a Implementação do Redux com uma Biblioteca de Código Aberto

Neste módulo, vamos nos concentrar em usar uma biblioteca de código aberto sólida para aprimorar nossa implementação do Redux. Você aprenderá como instalar e configurar essa biblioteca e como mutar nosso estado e redutor para serem compatíveis com ela. Como exercício, você atualizará o componente de lista para usar a biblioteca de código aberto. Também abordaremos a adição de efeitos, um tipo especial de redutor, para lidar com necessidades assíncronas. Outro exercício envolverá a atualização do componente de lista para usar efeito e respeitar o primeiro princípio SOLID (Responsabilidade Única). Além disso, ativaremos o ReduxDevTools para permitir viagens no tempo com sua aplicação e criaremos um middleware para a biblioteca para adicionar facilmente comportamento personalizado. Ao final deste módulo, você terá uma compreensão completa de como usar efetivamente essa biblioteca e será capaz de implementar um armazenamento Redux em seu aplicativo Blazor de forma independente.

Módulo 3: Exercício Independente

Para garantir que você tenha dominado tudo o que foi abordado no curso, o terceiro e último módulo consistirá em um exercício independente completo para você praticar.

O que você aprenderá

- Como gerenciar o estado dentro de um aplicativo Blazor - Como criar uma estrutura de armazenamento Redux do zero - Como conectar componentes Blazor a um armazenamento centralizado - Como utilizar o Redux Dev Tools para funcionalidade de viagem no tempo