This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
Nome: Gustavo Carvalho Noia RM: 552466
Nome: Vitor Teixeira Silva RM: 552228
Nome: Ronald de Oliveira Farias RM: 552364
Nome: Nicoly Oliveira Santos RM: 552410
- 1 - Instalação das dependências do react-router-dom
- 2 - Criar a pasta router e as páginas ou rotas.[Home, Produtos, EditarProdutos, Erro404]
- 3 - Importar os objetos do router-dom no main.jsx
- 4 - Criar o objeto router através da função createBrouserRouter([]), onde deve ser construido um array de objetos com duas propriedades cada. --- Ex: const router = createBrowserRouter([{path: '/' }...])
- 5 - Alterar o componente que está sendo renderizado pelo ReactDOM.render() pelo RouterProvider e criar a props nesse componente com o nome de router passando o objeto das rotas que foi construido.
- 6 - Adicionar o componente dentro do componente
- 7 - Direcionar os links para as rotas criadas com o componente Rota pois somente assim será gerado controle sobre as rotas, ao contrário do que se utilizando a tag