Definição de Estrategia e modelo de desenvolvimento Front a ser seguido

[DaviQuaresma]

Passo a Passo Router Development (atualizado)

1. Definição de Rotas → No arquivo router.jsx.
2. Passar o Router no App.jsx → Contido no RouterProvider.
3. Criação do Componente Específico → Cada rota tem um componente.
   • Teste Manual → Teste via URL diretamente no navegador.
   • Navegação SPA → Use Link no lugar de <a>.
4. Uso de Parâmetros Dinâmicos:
   • Defina um parâmetro de rota como :param.
   • Acesse o parâmetro usando useParams no componente React.

Essas são as práticas essenciais para trabalhar com rotas dinâmicas e parâmetros no React Router DOM.

• 5. Preparar o Loader no router, ele é uma função que vai carregar os dados necessarios para que uma rota especifica funcione
• 6. Tratar os erros no arquivo ProductBoundary, e dentro do router trate no errorElement