Publicado em: 05/09/2023
últimos vídeos
veja nossos vídeos mais recentes e esteja por dentro de muitas novidades.
veja nossos vídeos mais recentes e esteja por dentro de muitas novidades.
Com mais de 15 anos de experiência em tecnologia e formado pela FAAP em Administração de empresas, hoje é o CEO da Mestres da Web, empresa referência no mercado nacional e com projeções de expansão internacional.
Explorando a estrutura gerada pelo Create React App, entendendo o papel das pastas public e src, os conceitos de Virtual DOM, JSX e componentes, além de como o CSS é aplicado nos projetos React.
Explorando a criação de um layout fixo para a aplicação React, com barra lateral, barra superior e área dinâmica para conteúdo. Utilizando o React Router Dom v6 para gerenciar navegação entre rotas.
Abordando técnicas para organizar estilos em React, utilizando seletores CSS, CSS Modules, integração com React Router, reset CSS eficiente e boas práticas para garantir consistência visual e manutenibilidade.
Neste tutorial, exploramos como criar e utilizar rotas dinâmicas no Expo Router, um recurso essencial para construir aplicativos com navegação flexível e tratamento de parâmetros.
Para criar uma rota dinâmica:
Exemplo de estrutura de arquivo: app/ordens/[id].tsx
Existem duas formas principais de navegar para rotas dinâmicas:
router.push('/ordens/12345')1router.push({ pathname: '/ordens/[id]', params: { id: '12345' } })Na tela de destino ([id].tsx), os parâmetros são automaticamente disponibilizados:
params.idRotas dinâmicas são especialmente úteis para:
As rotas dinâmicas no Expo Router trazem uma flexibilidade poderosa para nossos aplicativos, permitindo criar navegações complexas com simplicidade. A sintaxe com colchetes [param] mantém a consistência com outros frameworks como Next.js.