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

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

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

Descrição do curso

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?

Este curso gratuito inclui:

3 horas e 1 minutos de curso online em vídeo

Certificado digital de conclusão de curso ( Gratuito )

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

Pronto para começar?Baixe o app e comece hoje mesmo.

Instale o app agora

para ter acesso ao curso
Ícone representando cursos de tecnologia e negócios

+ de 5.000 cursos gratuitos

Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.

Ícone de calendário com alvo representando planejamento de estudos

Plano de estudos com IA

A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.

Ícone de profissional representando carreira e negócios

Do zero ao Sucesso profissional

Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.

Você também pode utilizar o QR Code ou os Links abaixo

QR Code - Baixar Cursa - Cursos Online

Mais cursos gratuitos em Programação de Aplicativos

Ebook + Áudiobooks gratuitos! Aprenda ouvindo ou lendo!

Baixe o Aplicativo agora para ter acesso a + de 5000 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 60 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso