Imagem do Curso gratuito React Native do Zero: Crie e Publique um App Completo

Curso online gratuitoReact Native do Zero: Crie e Publique um App Completo

Duração do curso online: 7 horas e 47 minutos

Novo

Crie do zero um app completo com React Native e Expo: navegação, APIs e publicação. Curso online gratuito, com prática e certificado ao final.

Neste curso gratuito, aprenda sobre

  • Criar e iniciar um app React Native com Expo (comandos, estrutura e servidor dev)
  • Configurar fontes customizadas, tema e estilos consistentes no app
  • Implementar telas responsivas e layouts adaptáveis em diferentes dispositivos
  • Configurar navegação entre telas (React Navigation) e padrões de roteamento
  • Entender lifecycles e efeitos: buscar dados ao abrir tela com useEffect
  • Gerenciar estado global com Zustand (store, actions e consumo nos componentes)
  • Navegar a partir de componentes aninhados usando useNavigation (sem prop navigation)
  • Integrar APIs com Axios (services, requisições, tratamento de erros e loading)
  • Montar Grid com FlatList usando numColumns e otimizações de renderização
  • Configurar qualidade de código com ESLint (regras) e Prettier (formatação)
  • Integrar Youtube Player no React Native e fluxo para tela Watch
  • Testar e finalizar o app (validações, ajustes finais e comportamento em runtime)
  • Publicar no Expo e preparar Readme no Git (build/publish e documentação do projeto)
  • Requisito para publish no Expo: estar autenticado/ter conta no Expo (expo login)

Descrição do curso

Quer transformar uma ideia em um aplicativo de verdade, do desenvolvimento à publicação? Neste curso online gratuito de React Native, você aprende a criar e evoluir um app completo usando Expo, seguindo um fluxo profissional que começa na configuração do projeto e termina com o app pronto para ser compartilhado.

Ao longo das aulas, você constrói a base do aplicativo do zero, entendendo como organizar a estrutura, ajustar a experiência visual e entregar uma interface consistente. Você vai trabalhar com temas, fontes personalizadas e telas responsivas, ganhando repertório para criar layouts mais polidos e adaptáveis a diferentes dispositivos. Além disso, aprende a implementar navegação de forma sólida, incluindo estratégias para navegar mesmo quando um componente não recebe as props de navegação diretamente, algo comum em listas e componentes aninhados.

Para levar o app a um nível mais próximo do mercado, o curso também aborda práticas de qualidade de código com ferramentas amplamente usadas no ecossistema JavaScript, ajudando você a manter padronização, legibilidade e produtividade em projetos reais. Em seguida, você avança para conceitos essenciais de controle de estado e ciclo de vida de componentes, utilizando uma solução moderna para estados globais, ideal para aplicativos que crescem e precisam de organização.

Na parte de integração com dados, você conecta o aplicativo a uma API utilizando Axios e aplica um padrão eficaz para buscar informações automaticamente quando uma tela é aberta. Assim, você aprende a lidar com consumo de dados, atualização de interface e comportamento esperado em apps que dependem de informações externas. Também trabalha com componentes de listagem e visualizações em grade, ajustando a forma como os dados aparecem para o usuário com uma UI mais agradável e funcional.

Como bônus, você expande as possibilidades do app com a integração de um player do YouTube, reforçando a habilidade de incorporar recursos externos e melhorar a experiência final. Por fim, você aprende o processo de publicação pelo Expo e boas práticas para apresentar o projeto no Git com um README claro, tornando o app pronto tanto para uso quanto para portfólio. Ao concluir, você sai com um projeto completo, confiança para criar novos aplicativos e um caminho bem definido para continuar evoluindo no desenvolvimento mobile com React Native.

Conteúdo do curso

  • Aula em vídeo: Aula 1 | Programando um Aplicativo em React Native do Zero (Wiki com Expo) 57m
  • Exercício: Ao iniciar um projeto React Native com Expo do zero, qual sequência de comandos cria o app e inicia o servidor de desenvolvimento?
  • Aula em vídeo: Aula 2 | Codando Aplicativo (Custom Fonts, Tema, Telas Responsivas e Navegação) 1h13m
  • Exercício: Ao configurar qualidade de código em um projeto React Native, qual é a função principal do ESLint e do Prettier?
  • Aula em vídeo: Aula 3 | Configurando Components Lifecycles e Controle de Estados Globais (Zustand) 1h24m
  • Exercício: Em um componente que não recebe a prop navigation diretamente por estar aninhado (ex.: dentro de uma lista), qual abordagem é a mais indicada para navegar para outra tela?
  • Aula em vídeo: Aula 4 | Integrando Axios com React Native no seu app 2h09m
  • Exercício: Ao buscar dados de uma API ao abrir uma tela no React Native, qual padrão foi usado para disparar a requisição automaticamente?
  • Aula em vídeo: Aula 5 | Finalizando e testando aplicativo de Star Wars 1h29m
  • Exercício: Ao criar um componente de listagem em grade (GridList) com FlatList no React Native, qual propriedade define a quantidade de colunas exibidas?
  • Aula em vídeo: Aula Bônus | Integrando Youtube Player no aplicativo com React Native 17m
  • Exercício: Ao clicar no botão Assistir, qual abordagem permite navegar para a tela Watch a partir de um componente que não recebe navigation por props?
  • Aula em vídeo: Aula Bônus | Publicando o app no Expo e criando o Readme do Git. 15m
  • Exercício: Para publicar um app React Native usando o servidor do Expo, qual é um requisito essencial antes de executar o publish?

Este curso gratuito inclui:

7 horas e 47 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