Imagem do Curso gratuito React Native Mobile App Development

Curso online gratuitoReact Native Mobile App Development

Duração do curso online: 5 horas e 43 minutos

Novo

Aprenda a criar apps móveis com React Native e Expo: componentes, hooks, API e navegação. Curso online gratuito para acelerar sua carreira mobile.

Neste curso gratuito, aprenda sobre

  • Preparar ambiente React Native com Node.js, Expo CLI e dependências
  • Criar projeto Expo rapidamente e entender a estrutura inicial do boilerplate
  • Criar e reutilizar componentes: export/import e composição no App
  • Usar props para passar dados e configurar componentes de forma flexível
  • Exibir imagens com Image: source uri, estilos/tamanho e requisitos de renderização
  • Gerenciar estado com useState; entender por que variáveis comuns não re-renderizam
  • Usar useEffect para efeitos colaterais: ciclo de vida, dependências e fetch inicial
  • Estilizar layouts com Flexbox: flexDirection row para alinhar itens lado a lado
  • Renderizar listas dinâmicas (map/FlatList) com key única e performance
  • Consumir API: buscar dados, guardar no estado e mostrar loading/placeholder
  • Modelar dados da API e repassar atributos (ex.: filme.atributos) para componentes
  • Configurar navegação com React Navigation: NavigationContainer, stacks e links
  • Organizar projeto (src, telas, componentes) e ajustar entry point do Expo
  • Separar AuthRoutes/AppRoutes com Context+Provider e fluxo de login/loading

Descrição do curso

Desenvolver aplicativos móveis hoje exige velocidade, consistência e uma base técnica sólida — e é exatamente isso que você vai construir neste curso React Native Mobile App Development. Aqui, você aprende a criar apps com React Native usando Expo, montando um ambiente de desenvolvimento moderno e entendendo o papel do Node.js e das ferramentas que tornam o fluxo de trabalho mais produtivo do início ao fim.

Ao longo das aulas, você evolui do básico ao intermediário com prática: aprende a estruturar um projeto, criar componentes reutilizáveis, reaproveitar código e desenvolver telas com comportamento dinâmico. Você entende como props ajudam a manter a interface flexível e como lidar corretamente com imagens vindas de links, garantindo que renderizem como esperado no dispositivo. Também aprende a diferença entre variáveis comuns e estado reativo, usando useState para refletir mudanças na tela e useEffect para sincronizar o ciclo de vida do componente com tarefas como carregar dados, reagir a atualizações e inicializar rotinas do app.

O curso ganha ritmo com a construção de uma experiência real: renderização dinâmica de listas, criação de cards a partir de dados, boas práticas para lidar com chaves únicas (keys) e organização de componentes. Você trabalha o consumo de uma API externa, aprendendo a buscar informações, exibir feedback enquanto os dados não chegam e evitar problemas comuns com URLs e URIs de imagens. Assim, você desenvolve um app mais confiável, com uma interface que responde bem a carregamento e diferentes estados de execução.

Na etapa de navegação, você aprende a configurar fluxos entre telas com React Navigation, entendendo o papel do NavigationContainer e como estruturar rotas para diferentes áreas do app. Também aprende práticas de organização do projeto — como separar arquivos em uma pasta src e manter telas limpas —, além de montar um fluxo de autenticação completo: divisão entre rotas autenticadas e não autenticadas, uso de Context com Provider para controlar o estado do usuário, disparo do processo de login e gerenciamento adequado de loading para uma experiência mais fluida.

Ao final, você terá uma base consistente para criar aplicativos com múltiplas telas, dados externos, componentes reutilizáveis e um fluxo de login bem estruturado — um conjunto de habilidades muito valorizado em vagas de desenvolvimento mobile e em projetos próprios.

Conteúdo do curso

  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #1 10m
  • Exercício: Qual é o principal papel do Node.js ao preparar o ambiente para desenvolver apps com React Native?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #2 12m
  • Exercício: Qual comando cria um novo projeto React Native usando Expo de forma rápida, gerando um boilerplate com a estrutura inicial?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #3 11m
  • Exercício: Ao criar um componente reutilizável em React Native, qual sequência está correta para usá-lo no App principal?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #4 11m
  • Exercício: Em React Native, qual é a principal vantagem de usar props em um componente?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #5 09m
  • Exercício: Ao usar o componente Image no React Native com source={{ uri: "..." }}, o que é necessário para a imagem aparecer corretamente na tela?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #6 12m
  • Exercício: Em um componente Contador no React Native, por que uma variável comum (ex.: let numero = 0) pode ser incrementada no código, mas não atualizar o valor exibido na tela?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #7 10m
  • Exercício: No React Native, qual é a principal finalidade do hook useEffect?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #8 11m
  • Exercício: Em React Native, qual propriedade é essencial para exibir uma imagem em um componente Image a partir de um link?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #9 13m
  • Exercício: Em React Native, qual propriedade deve ser ajustada para que a imagem e os dados do card apareçam lado a lado (em uma linha)?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #10 11m
  • Exercício: Qual é a forma mais adequada de renderizar dinamicamente vários cards a partir de uma lista de filmes em React Native?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #11 14m
  • Exercício: Qual é o objetivo principal do projeto prático em React Native?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #12 14m
  • Exercício: Qual é a principal finalidade de usar useEffect junto com useState ao consumir uma API externa em um app React Native (Expo)?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #13 11m
  • Exercício: Em React Native, qual abordagem permite renderizar dinamicamente uma lista de filmes após uma requisição, exibindo uma mensagem enquanto os dados ainda não chegaram?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #14 12m
  • Exercício: Ao renderizar a lista de filmes com um componente CardFilme, por que é comum passar filme.atributos como propriedade?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #15 13m
  • Exercício: Ao exibir a imagem do pôster vinda da API no React Native, o que é necessário para que o URI funcione corretamente?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #16 14m
  • Exercício: Em listas renderizadas no React Native, qual é a forma correta de evitar o aviso de Unique key e facilitar ações como selecionar/deletar um item?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #17 10m
  • Exercício: Qual alteração melhora a experiência de carregamento ao buscar a lista de filmes no React Native?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #18 12m
  • Exercício: Para criar navegação entre telas em um app React Native (por exemplo, ao clicar em Saiba mais e abrir outra tela), qual é a abordagem adequada?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #19 19m
  • Exercício: Qual é o papel do NavigationContainer ao configurar o React Navigation em um app React Native?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #20 12m
  • Exercício: Ao usar o componente Link do React Navigation, qual informação é obrigatória para que a navegação funcione corretamente?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #21 09m
  • Exercício: Ao mover o arquivo App.js para dentro da pasta src em um projeto React Native com Expo, qual ajuste garante que o app continue iniciando corretamente?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #22 16m
  • Exercício: Ao criar a tela de Login no React Native, qual prática ajuda a manter o projeto mais organizado e menos poluído?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #23 16m
  • Exercício: Ao criar links entre telas usando React Navigation, qual é um motivo comum para o app não conseguir navegar ao clicar em um link?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #24 13m
  • Exercício: Qual é o principal objetivo de separar a navegação em AuthRoutes e AppRoutes em um app React Native?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #25 17m
  • Exercício: Qual é a principal vantagem de usar um Context com Provider para controlar as rotas autenticadas e não autenticadas em um app React Native?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #26 10m
  • Exercício: Qual abordagem permite que a tela de login dispare o processo de autenticação e atualize as rotas com base no estado do usuário?
  • Aula em vídeo: Desenvolvimento Mobile 2023/1 - Aula #27 10m
  • Exercício: Ao implementar um estado de loading no fluxo de autenticação, qual é o comportamento correto nas rotas quando loading está true?

Este curso gratuito inclui:

5 horas e 43 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