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>Estrutura de dados no Estado

Estrutura de dados no Estado

Decidimos substituir os itens atualmente codificados no HTML e colocá-los no estado do React. Definimos uma estrutura para nossos itens com um ID, nome, quantidade e se o item foi comprado ou não. Criamos nosso tipo Item e começamos a criar o estado da nossa aplicação.

Comentários

(0)