Imagem do Curso gratuito React Native: Apps iOS e Android do Zero ao Avançado

Curso online gratuitoReact Native: Apps iOS e Android do Zero ao Avançado

Duração do curso online: 2 horas e 39 minutos

Novo

Crie apps iOS e Android com React Native do zero ao avançado. Curso online gratuito, com prática e boas práticas para evoluir rápido na carreira.

Neste curso gratuito, aprenda sobre

  • Criar e configurar um projeto React Native para iOS e Android
  • Instalar e executar o app em emulador Android, iOS e em aparelho físico
  • Entender o papel do Metro bundler e o fluxo de execução no Android
  • Usar ADB para listar dispositivos conectados e rodar o app neles
  • Criar o App.tsx e renderizar texto corretamente com o componente Text
  • Configurar ESLint e Prettier e diferenciar linting de formatação
  • Aplicar Props para reutilização e parametrização de componentes
  • Instalar e tipar styled-components no React Native com TypeScript
  • Gerenciar estado com useState e atualizar valores para re-renderizar
  • Controlar efeitos com useEffect, incluindo execução apenas na montagem
  • Criar hooks customizados para reutilizar lógica e isolar responsabilidades
  • Dominar componentes básicos: View, Text, TextInput, ScrollView, FlatList
  • Criar botões e interações com TouchableOpacity e componentes globais
  • Organizar pastas por módulos (login) e usar shared para itens reutilizáveis

Descrição do curso

Desenvolver um app que roda em iOS e Android com uma única base de código é uma das habilidades mais valorizadas para quem quer acelerar a carreira em mobile. Neste curso online gratuito de React Native, você aprende a construir aplicações do zero ao avançado com foco em prática, organização e padrões profissionais de desenvolvimento, saindo do “funciona no meu aparelho” para um projeto estruturado, legível e pronto para evoluir.

Ao longo das aulas, você vai dominar a criação do projeto e a configuração do ambiente para rodar no emulador e em dispositivos físicos, entendendo como o fluxo de execução funciona e como resolver os pontos que mais travam iniciantes. Em seguida, o curso te leva para a construção do App com TypeScript, preparando um ponto de partida consistente para escalar funcionalidades sem perder produtividade.

Para garantir qualidade e consistência no código, você também aprende a trabalhar com ESLint e Prettier, estabelecendo um padrão de escrita e de boas práticas que ajuda em times e em projetos pessoais. A base do React é aplicada com profundidade: props para compor interfaces reutilizáveis, estado com useState para criar telas interativas e useEffect para controlar efeitos e ciclos de vida. Além disso, você entende como e quando criar hooks personalizados, transformando lógica repetida em abstrações simples e fáceis de manter.

Na parte de interface, o curso reforça os componentes essenciais do React Native e como usá-los corretamente: estrutura, textos, campos de entrada, rolagem e listas eficientes. Você aprende a montar UI com melhor desempenho e boa experiência, escolhendo os componentes adequados para cada situação. Com styled-components, você avança na estilização e cria uma base visual consistente, alinhando produtividade com um design bem organizado.

Por fim, o conteúdo evolui para uma estrutura modular do projeto, criando componentes globais reutilizáveis e organizando pastas e responsabilidades para uma tela real, como login. Isso te prepara para desenvolver com clareza, facilitar manutenção e crescer o app com menos retrabalho. Se você quer aprender React Native de forma sólida, prática e orientada a projeto, este curso é um caminho direto para ganhar confiança e construir aplicativos de verdade.

Conteúdo do curso

  • Aula em vídeo: React Native [aula00] - Apresentação do curso 07m
  • Exercício: Qual é o objetivo principal do projeto desenvolvido no curso de React Native?
  • Aula em vídeo: React Native [aula01] - Criando o projeto React Native 07m
  • Exercício: Ao iniciar um projeto React Native para iOS e Android, qual abordagem foi escolhida e por quê?
  • Aula em vídeo: React Native [aula02] - Instalando aplicativo no emulador do Android 12m
  • Exercício: Qual é a função do Metro ao executar um app React Native no Android?
  • Aula em vídeo: React Native [aula03] - Instalando aplicativo em um aparelho Android físico 05m
  • Exercício: Qual comando é usado para listar os dispositivos Android conectados e disponíveis para execução do app?
  • Aula em vídeo: React Native [aula04] - Instalando aplicativo no emulador do iOS 07m
  • Exercício: Qual é a condição necessária para instalar e executar um app React Native no iOS (simulador) durante o desenvolvimento?
  • Aula em vídeo: React Native [aula05] - Criando o arquivo App.tsx 07m
  • Exercício: No React Native, qual é a forma correta de exibir um texto na tela sem causar erro?
  • Aula em vídeo: React Native [aula06] - Inserindo Eslint e o Prettier no projeto 17m
  • Exercício: Qual é a principal diferença entre ESLint e Prettier em um projeto React Native?
  • Aula em vídeo: React Native [aula07] - O que são e como utilizar as Props de um componente 12m
  • Exercício: Em React Native, qual é a principal utilidade de usar props em um componente?
  • Aula em vídeo: React Native [aula08] - Instalando o styled components 08m
  • Exercício: No React Native com TypeScript, qual configuração ajuda o TS a reconhecer os tipos do styled-components?
  • Aula em vídeo: React Native [aula09] - Como funciona o useState no React Native 08m
  • Exercício: Em React Native, qual é a forma correta de atualizar um valor e garantir que o componente seja renderizado novamente?
  • Aula em vídeo: React Native [aula10] - Como funciona o useEffects no React Native 08m
  • Exercício: Em React Native, como fazer um efeito executar apenas uma vez quando o componente é criado (montado)?
  • Aula em vídeo: React Native [aula11] - O que é e como criar um hook customizado 08m
  • Exercício: Qual é o principal objetivo de criar um Hook personalizado em React Native?
  • Aula em vídeo: React Native [aula12] - Componentes básicos do React Native 01m
  • Exercício: Qual é o objetivo principal de estudar os componentes básicos do React Native antes de iniciar o projeto?
  • Aula em vídeo: React Native [aula13] - O que é e como utilizar o componente View 07m
  • Exercício: No React Native, qual afirmação descreve corretamente o componente View?
  • Aula em vídeo: React Native [aula14] - O que é e como utilizar o componente Text 03m
  • Exercício: Qual é a principal responsabilidade do componente Text no React Native, segundo as boas práticas apresentadas?
  • Aula em vídeo: React Native [aula15] - O que é e como utilizar o componente TextInput 07m
  • Exercício: Como permitir que um TextInput seja editável e ainda assim manter acesso ao valor digitado?
  • Aula em vídeo: React Native [aula16] - O que é e como utilizar o componente ScrollView 05m
  • Exercício: No React Native, qual componente é usado para permitir rolagem de conteúdo e pode ser configurado como vertical ou horizontal?
  • Aula em vídeo: React Native [aula17] - O que é e como utilizar o componente FlatList 08m
  • Exercício: Qual é a principal vantagem do FlatList em relação a colocar vários itens dentro de um ScrollView no React Native?
  • Aula em vídeo: React Native [aula18] - O que é e como utilizar o componente TouchableOpacity 03m
  • Exercício: No React Native, qual componente é muito usado para criar um botão personalizado com ação de clique?
  • Aula em vídeo: React Native [aula19] - Introdução para as próximas aulas de componentes globais 02m
  • Exercício: Qual é o principal objetivo de criar componentes separados (ex.: Button e TextInput) no início do projeto em React Native?
  • Aula em vídeo: React Native [aula20] - Criando estrutura de pastas para a tela de login 06m
  • Exercício: Qual é o objetivo principal de criar uma pasta shared em um projeto React Native organizado por módulos?

Este curso gratuito inclui:

2 horas e 39 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