Lista de compras com React

Workshop

14 vídeos • 01:10:50

Seção 01 | Introdução

  1. 1.

    Apresentação da Aplicação

    01:22
  2. 2.

    Requisitos do Projeto

    04:13
  3. 3.

    Instalando o Boilerplate do Projeto

    02:23

Seção 02 | Estrutura de dados e outros

  1. 4.

    Estrutura de dados no Estado

    05:59
  2. 5.

    Extraindo o componente Item

    05:16
  3. 6.

    Renderização de Listas no React

    06:01
  4. 7.

    ID s dinâmicos com o nanoid

    01:42

Seção 03 | Implementando as Funcionalidades

  1. 8.

    Adicionando Items à lista

    07:54
  2. 9.

    Dados do form com FormData API

    05:38
  3. 10.

    Inserindo item, reset do form e foco

    09:01
  4. 11.

    Renderização condicional do Item

    05:26
  5. 12.

    Completando um item

    10:02
  6. 13.

    Excluindo Item

    04:59

Seção 04 | Finalização

  1. 14.

    Finalização

    00:54
Login
Workshops>Lista de compras com React>Extraindo o componente Item

Acesso exclusivo para membros PRO

Esse conteúdo é exclusivo para nossos assinantes.

Libere esse e muito mais conteúdo assinando o Codante PRO.

Extraindo o componente Item

Substituímos os itens codificados manualmente por componentes dinâmicos via estado React. Criamos o componente de item do carrinho e definimos uma estrutura de IDs, nome, quantidade, e o status de aquisição. Fazemos com que esse componente seja uma fonte única de verdade para a lista de compras.

Comentários

(0)