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>Instalando o Boilerplate do Projeto

Instalando o Boilerplate do Projeto

Clonamos o repositório do mini projeto da lista de compras no React a partir do GitHub. Após a clonagem, abrimos o projeto no VSCode e fizemos uma exploração inicial. Identificamos que atualmente tudo está "hardcoded" e ressaltamos a necessidade de tornar o aplicativo mais dinâmico.

Comentários

(0)