Publicado em: 05/07/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, vamos criar um projeto usando Expo que roda tanto no Android quanto no iOS. O projeto utiliza React Native para gerar código híbrido, com a possibilidade futura de expandir para web. O Expo simplifica o desenvolvimento e teste em ambas as plataformas.
npx create-expo-app --templateApós a criação, navegue até o diretório do projeto e execute: npm start ou npx expo start
Isso iniciará o servidor Metro e gerará um QR Code para teste.
O template inicial cria uma tela simples. Para editar:
O Expo oferece um ambiente prático para desenvolvimento multiplataforma, facilitando desde a criação do projeto até os testes e deploy final. A combinação com React Native e TypeScript proporciona uma base sólida para aplicativos modernos.