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>Adicionando Items à lista

Adicionando Items à lista

Focamos na implementação do formulário em nosso aplicativo de lista de compras. Explicamos como escutar eventos de formulário para adicionar itens à lista, seja através de um clique no botão ou por pressionar tecla Enter. Além disso, resolvemos um erro relacionado à renderização de lista, destacando a importância de um ID único para cada item.

Comentários

(0)