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>Renderização de Listas no React

Renderização de Listas no React

Continuamos com nosso projeto de lista de compras em React e iniciamos a renderização de listas. Para tornar o aplicativo mais eficiente e organizado, aprendemos a usar a função "map" do React. Desenvolvemos também um filtro de itens que permite segmentar entre itens concluídos e pendentes.

Comentários

(0)