Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Aprendendo Redux utilizando NGRX com Angular 13+
Rating: 4.6 out of 5(101 ratings)
229 students

Aprendendo Redux utilizando NGRX com Angular 13+

Conheça o ecossistema NgRx moderno, incluindo Stone, Effects, Selectors e DevTools.
Created byCristian M.
Last updated 1/2022
Portuguese
Portuguese [Auto],

What you'll learn

  • Ao final do curso você terá conceitos sólidos de como usar o Redux - NGRX
  • Criaremos um CRUD de cadastro de Usuários
  • Exemplo de Implementação do NGRX com Serviços
  • Aprenderemos a realizar a instalação do NGRX dentro do projeto feito com Angular 13+

Course content

1 section20 lectures3h 53m total length
  • Introdução1:46

    Introdução

  • Introdução e criação do projeto7:52

    Nesta aula aprenderemos a configurar nosso ambiente instalando o Angular CLI. utilizaremos o Angular 13 no nosso projeto.

  • Instalação de recursos + configurações no projeto.10:42

    Instalação de recursos + configurações no projeto.

  • Criação do Model e Service.14:34

    Criação do Model e Service.

  • Criação do Componente de Listagem.14:16
  • Criação do Componente de Cadastro.18:18

    Criação do Componente de Cadastro.

  • Implementação do NGRX.14:05

    Implementação do NGRX.

  • Criando uma Action.18:29

    Criando uma Action

  • Criando um Reducer.24:06

    Criando um Reducer

  • Criando os Selectors.11:16

    Criando os Selectors

  • Criando o Effects.16:42

    Criando o Effects

  • Configurações finais do NGRX no projeto.8:57

    Configurações finais do NGRX no projeto.

  • Modificando o Componente de Listagem e implementando o NGRX.18:48

    Modificando o Componente de Listagem e implementando o NGRX.

  • Modificando o Componente de Cadastro e implementando o NGRX.9:42

    Modificando o Componente de Cadastro e implementando o NGRX.

  • Adaptações para realizar o Update com NGRX.4:46

    Adaptações para realizar o Update com NGRX.

  • Adaptações para realizar o Get By ID e o Delete com NGRX12:37

    Adaptações para realizar o Get By ID e o Delete com NGRX

  • Removendo registro com NGRX4:30

    Removendo registro com NGRX

  • Aprendendo Listas Customizadas com o Selector.19:15

    Aprendendo Listas Customizadas com o Selector.

  • Considerações finais.2:19

    Considerações finais.

  • Arquivos do Curso0:02

    Material com o código fonte do projeto.

Requirements

  • Saber Html Css e Typescript
  • ter conhecimento básico de angular

Description

Este curso é um guia completo para o novo ecossistema NgRx, incluindo Store, Effects, Selectors e DevTools


A biblioteca de gerenciamento de estado mais popular no espaço Angular é a NgRx, e por boas razões. A última versão do NgRx é provavelmente uma das mais importantes em todo o ecossistema Angular recentemente. Embora compatível com versões anteriores, ele contém tantas funcionalidades novas que é quase uma nova biblioteca de gerenciamento de estado.


Aprenderemos os conceitos principais de Ações, Redutores, Efeitos e Seletores


Visão geral do curso


Neste curso, vamos fazer um pequeno aplicativo que será construído sem nenhum gerenciamento de estado. Vamos entender quais são as consequências de não fazer o gerenciamento de estados identificando alguns problemas que a aplicação apresenta em sua forma inicial.


Em seguida, começaremos a refatorar o aplicativo e adicionaremos o gerenciamento de estado ao aplicativo em várias telas, passo a passo.

Este curso abrange os seguintes tópicos:

  • Introdução e instalação do angular.

  • Instalação de recursos + configurações no projeto.

  • Criação do Model e Service.

  • Criação do Componente de Listagem.

  • Criação do Componente de Cadastro.

  • Implementação do NGRX.

  • Criando uma Action.

  • Criando um Reducer.

  • Criando os Selectors.

  • Criando o Effects.

  • Configurações finais do NGRX no projeto.

  • Modificando o Componente de Listagem e implementando o NGRX.

  • Modificando o Componente de Cadastro e implementando o NGRX.

  • Adaptações para realizar o Update.

  • Adaptações para realizar o Get By ID e o Delete com NGRX

  • Removendo registro com NGRX.

  • Aprendendo Listas Customizadas com o Selector.

Who this course is for:

  • Pessoas interessadas em aprender desenvolvimento de aplicativos web com Angular
  • Desenvolvedores Web