Todos

Mini Projetos

Resolução do Mini Projeto

Lista de compras em React

Login

Introdução

  • Apresentação da Aplicação
  • Requisitos do Projeto
  • Instalando o Boilerplate do Projeto
  • Estrutura de dados e outros

  • Estrutura de dados no Estado
  • Extraindo o componente Item
  • Renderização de Listas no React
  • ID s dinâmicos com o nanoid
  • Implementando as Funcionalidades

  • Adicionando Items à lista
  • Dados do form com FormData API
  • Inserindo item, reset do form e foco
  • Renderização condicional do Item
  • Completando um item
  • Excluindo Item
  • Finalização

  • Finalização
  • Introdução

  • Apresentação da Aplicação
  • Requisitos do Projeto
  • Instalando o Boilerplate do Projeto
  • Estrutura de dados e outros

  • Estrutura de dados no Estado
  • Extraindo o componente Item
  • Renderização de Listas no React
  • ID s dinâmicos com o nanoid
  • Implementando as Funcionalidades

  • Adicionando Items à lista
  • Dados do form com FormData API
  • Inserindo item, reset do form e foco
  • Renderização condicional do Item
  • Completando um item
  • Excluindo Item
  • Finalização

  • Finalização
  • ID s dinâmicos com o nanoid

    Implementamos a biblioteca NanoID para gerar IDs únicos e dificilmente colidíveis para os itens da nossa lista de compras com React. Posteriormente, começamos a desenvolver a funcionalidade de adicionar itens à nossa lista.

    Comentários

    (0)