Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

Mapeando ações com o Router - DOM

  • Criar um módulo com uma lista de Objetos. Um arquivo de nome ListaProdutos.jsx que vai conter uma lista de objetos com os produtos que serão exibidos na tela. Cada produto deve ter um id, nome, preço e uma descrição.
  • Listar os produtos na tela usando o método map() para percorrer a lista de produtos e exibir cada um deles na tela. Os produtos devem ser exibidos em uma tabela no componente Produtos.jsx
  • Criando a coluna de editar e excluir. Crie uma coluna na tabela para editar e excluir os produtos. Para isso, crie dois links, um para editar e outro para excluir. Vamos utilizar o id dos produtos como parâmetro.
  • Alterando os textos dos links. Altere o texto dos links para editar e excluir por ícones. Para isso, utilize a biblioteca react-icons.
  • Utilizar o Hook useParams() para recuperar o id do produto que foi passado como parâmetro na URL. Usando o link de editar, vamos recuperar o id do produto que foi passado como parâmetro na URL. Para isso, utilize o Hook useParams() do react-router-dom.

About

Boyler-plate do projeto Vite+React

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages