Qual comando usar para criar um projeto React Native com Expo sem instalar o Expo globalmente?

Use npx create-expo-app nome-do-projeto para criar o projeto diretamente.

Como configurar rotas por páginas no React Native usando Expo Router?

Crie as telas na pasta app e configure o Expo Router como ponto de entrada do projeto.

Por que usar NativeWind com Tailwind CSS em um projeto React Native?

O NativeWind adapta as classes do Tailwind para funcionarem nos componentes nativos do React Native.

Imagem do Curso gratuito React Native para Iniciantes com Expo Router, Tailwind CSS e TypeScript

Curso online gratuito React Native para Iniciantes com Expo Router, Tailwind CSS e TypeScript

Name: React Native para Iniciantes com Expo Router, Tailwind CSS e TypeScript
Availability: InStock

Duração do curso online: 3 horas e 1 minutos

Novo

Crie seu primeiro app mobile com React Native: navegação com Expo Router, estilos com Tailwind e TypeScript na prática. Curso online gratuito com certificado.

Neste curso gratuito, aprenda sobre

Configurar ambiente React Native/Expo 2024 e versões recomendadas (ex.: Node.js)
Criar projeto Expo via CLI sem instalar Expo globalmente
Estruturar app com telas (Screens) modularizadas e importação no App
Personalizar ícone e Splash Screen via app.json (ex.: cor de fundo)
Usar componentes nativos e criar botões customizáveis com Pressable/Touchable
Criar componentes reutilizáveis e passar props para comportamentos e estilos
Configurar navegação por páginas com Expo Router e estrutura de rotas em /app
Implementar fluxo de Splash animada antes da Home com Expo Router
Aplicar estilos com Tailwind no RN usando NativeWind
Usar fontes customizadas e entender quando precisa de Development Build
Criar Development Build para bibliotecas sem suporte ao Expo Go
Introdução ao TypeScript no React Native e boas práticas para telas tipadas

Sobre o curso online gratuito

Aprenda a desenvolver aplicativos mobile modernos do zero com React Native, mesmo que você esteja começando agora. Neste curso online gratuito, você cria um projeto com Expo, entende como preparar o ambiente de forma estável e já coloca a mão na massa desde os primeiros minutos, construindo telas, componentes e a base de um app pronto para evoluir.

Ao longo da jornada, você vai além do “funciona no meu celular”: configura ícone e splash screen com acabamento profissional, aprende a estruturar telas com organização e modularização e entende como pensar em componentes reutilizáveis para ganhar velocidade no desenvolvimento. O objetivo é que você pare de copiar trechos soltos e passe a enxergar o app como um sistema bem montado, com partes que se conectam e podem ser mantidas com facilidade.

Você também domina a navegação por páginas usando o Expo Router, uma abordagem que simplifica a criação de rotas e deixa o projeto com cara de produto real. Para estilização, o curso mostra como aplicar um fluxo moderno inspirado no Tailwind CSS no React Native, usando NativeWind para transformar classes em estilos nativos. O resultado é produtividade no layout e consistência visual sem complicação.

Outro diferencial é entender quando o Expo Go não é suficiente e como seguir com Development Build para acessar recursos nativos e bibliotecas que exigem uma integração mais próxima do ambiente. Esse tipo de conhecimento evita frustrações comuns e prepara você para projetos mais completos, inclusive com personalizações como fontes e splash screen animada para melhorar a experiência de abertura do aplicativo.

Por fim, você é introduzido ao TypeScript no contexto do React Native, aprendendo práticas recomendadas para tipar telas e componentes que renderizam interface. Com isso, você ganha segurança, autocompletar melhor e um código mais fácil de evoluir em equipe. Ao concluir, você terá construído uma base sólida para continuar criando apps, montar portfólio e se candidatar a oportunidades em Programação de Aplicativos.

Conteúdo do curso

Aula em vídeo: Introdução do Curso de React Native - Atualizado 2024 01m
Exercício: Qual é o principal objetivo da versão atualizada do curso de React Native para iniciantes?
Aula em vídeo: Configurações de ambiente - Curso de React Native 2024 09m
Exercício: Para evitar instabilidade ao configurar o ambiente de desenvolvimento, qual versão do Node.js é recomendada?

Aula em vídeo: CRIANDO meu PRIMEIRO projeto - Curso de React Native 2024 12m
Exercício: Qual comando cria um novo projeto com Expo sem precisar instalar o Expo globalmente?
Aula em vídeo: CRIANDO e MODIFICANDO ícone e tela de splash - Curso de React Native 2024 18m
Exercício: Ao configurar a Splash Screen no Expo, qual propriedade em app.json permite definir a cor de fundo exibida enquanto o app carrega?
Aula em vídeo: CRIANDO minha PRÓPRIA tela (Screen) - Curso de React Native 2024 08m
Exercício: Ao criar uma nova tela (ex.: Home) e exibi-la no App, qual combinação descreve corretamente o processo em React Native com modularização?

Aula em vídeo: Conhecendo COMPONENTES nativos do React Native - Curso de React Native 2024 12m
Exercício: Qual componente é mais indicado para criar um botão personalizável (com borda, padding e arredondamento), já que o Button padrão tem pouca estilização?
Aula em vídeo: Criando meus PRÓPRIOS componentes no React Native - Curso de React Native 2024 07m
Exercício: Qual é o principal benefício de criar componentes reutilizáveis (ex: Button) e passar props como handleSave e color em um app React Native?

Aula em vídeo: Navegando com EXPO ROUTER (parte 1) - Curso de React Native 2024 26m
Exercício: No Expo Router, qual é a forma correta de iniciar a estrutura de rotas para que o app funcione com navegação por páginas?
Aula em vídeo: Navegando com EXPO ROUTER (parte 2) - Curso de React Native 2024 14m

Aula em vídeo: Aplicando estilos usando TAILWIND CSS - Curso de React Native 2024 16m
Exercício: No React Native com Expo, por que é necessário usar o NativeWind junto do Tailwind CSS?
Aula em vídeo: Fontes Personalizadas Development Build - Curso de React Native 2024 17m
Exercício: Quando uma biblioteca não tem suporte ao Expo Go, qual é a solução recomendada para conseguir usar recursos nativos no app?

Aula em vídeo: Criando Splash Screen Animada - Curso de React Native 2024 11m
Exercício: Qual é o fluxo correto para implementar uma Splash Screen animada antes da Home usando Expo Router?
Aula em vídeo: Introdução ao TypeScript React Native - Curso de React Native 2024 23m
Exercício: Ao migrar um projeto Expo para TypeScript no React Native, qual prática é recomendada para componentes de tela que renderizam UI?

Cursos online Gratuitos sobre React Native

Aprenda sobreReact Native

Encontre os melhores cursos online gratuitos de React Native com certificado e aprenda a criar aplicativos móveis para Android e iOS. Estude componentes, hooks, navegação, APIs, estilização e publicação de apps com conteúdos para iniciantes e desenvolvedores. Escolha seu curso grátis de React Native, desenvolva projetos práticos e avance na carreira.

Aprenda sobreExpo

Aprenda Expo com cursos online gratuitos e com certificado, ideais para quem deseja criar aplicativos modernos com React Native. Explore conteúdos sobre instalação, configuração, componentes, APIs, navegação, testes e publicação de apps. Estude no seu ritmo, desenvolva projetos práticos e fortaleça seu currículo na área de desenvolvimento mobile.