Imagem do Curso gratuito React Native do Zero ao Avançado Completo

Curso online gratuitoReact Native do Zero ao Avançado Completo

Duração do curso online: 8 horas e 45 minutos

Novo

Crie apps Android e iOS com React Native e TypeScript: do ambiente ao deploy na Play Store. Curso online gratuito, com projeto prático e testes.

Neste curso gratuito, aprenda sobre

  • Conceitos e arquitetura do React Native, incluindo o papel da Bridge
  • Configurar ambiente React Native no Windows: Node.js, OpenJDK e Android Studio/AVD
  • Criar AVD compatível com apps como Expo Go (requisitos de imagem/serviços Google)
  • Executar apps em device físico via USB (Windows) e configurar iOS/Android no macOS
  • Entender por que o CocoaPods é essencial para gerenciar dependências nativas no iOS
  • Criar e rodar projetos React Native com TypeScript e comandos de inicialização
  • Padronizar código com EditorConfig, ESLint e Prettier (incl. final de linha no arquivo)
  • Debug do app e ajustes no simulador iOS (ex.: janela sempre no topo)
  • Construir UI: Home, StyleSheet, SafeAreaView, TextInput, TouchableOpacity
  • Tratar diferenças iOS/Android (ex.: padding condicional no TextInput)
  • Gerenciar estado e listas: adicionar/remover tarefas, ScrollView vs FlatList
  • Componentização e passagem de dados via props (tasks para TaskList)
  • Context API, useContext e Hooks personalizados para compartilhar estado (useTaskList)
  • Testes com Jest: matchers, mocks, renderHook com Provider, watch e coverage; deploy Android

Descrição do curso

Aprenda a desenvolver aplicativos móveis modernos, do primeiro “hello world” até a publicação, com o curso React Native do Zero ao Avançado Completo. A proposta é guiar você por uma jornada prática para criar apps para Android e iOS usando uma das stacks mais desejadas do mercado, ganhando segurança para montar seu ambiente, iniciar projetos com TypeScript e evoluir para uma arquitetura mais organizada e escalável.

Ao longo do curso, você constrói bases sólidas nos conceitos do React Native, entende como a plataforma se integra ao nativo e configura o ecossistema de desenvolvimento com boas práticas que fazem diferença no dia a dia: padronização de código, qualidade com linting e formatação automática, além de um fluxo de trabalho mais produtivo no editor e no debug.

Na parte prática, você sai do layout para a implementação e aprende a transformar telas em componentes reaproveitáveis, trabalhando com estilo, inputs e interação. Em seguida, aprofunda o gerenciamento de estado, criando uma lista funcional com atualizações corretas, melhorando a organização ao separar responsabilidades e compartilhando dados entre componentes de forma limpa com Context API e hooks personalizados.

Para elevar o nível de profissionalismo, o curso também entra em testes automatizados com Jest: você configura o ambiente, entende como validar comportamento com matchers, usa mocks para isolar dependências e garante confiabilidade em componentes e hooks. Isso prepara você para manter projetos com mais tranquilidade, especialmente quando o código cresce.

Na reta final, o foco é colocar o app no mundo: você aprende o processo de release, cria materiais como ícones e splash screen, prepara builds para distribuição e entende pontos importantes para publicar na Play Store sem surpresas. Também há uma introdução ao Expo e ao fluxo Managed, incluindo organização de projeto, temas globais, styled-components, uso de fontes e ajustes visuais relevantes para um acabamento mais consistente.

Se você quer entrar em Programação de Aplicativos ou evoluir suas entregas com React Native, este curso online gratuito é um caminho completo para ir do zero ao avançado, construindo repertório técnico e visão de produto para desenvolver, testar e publicar seus próprios apps.

Conteúdo do curso

  • Aula em vídeo: React Native do Zero - Aula 001 - Conceitos básicos - Conex Networks 08m
  • Exercício: No React Native, qual é o papel da Bridge na arquitetura da plataforma?
  • Aula em vídeo: React Native do Zero - Aula 002 - Instalação do Node.Js e do OpenJDK - Conex Networks 04m
  • Aula em vídeo: React Native do Zero - Aula 003 - Android Studio no Windows - Conex Networks 19m
  • Exercício: Ao criar um emulador (AVD) no Android Studio, qual requisito do dispositivo virtual é essencial para conseguir instalar apps como o Expo Go?
  • Aula em vídeo: React Native do Zero - Aula 004 - Usando device físico via USB no Windows - Conex Networks 04m
  • Aula em vídeo: React Native do Zero - Aula 005 - Ambiente iOS no macOS - Conex Networks 07m
  • Exercício: No macOS, qual item é necessário para que projetos React Native funcionem corretamente no iOS por gerenciar dependências nativas?
  • Aula em vídeo: React Native do Zero - Aula 006 - Ambiente Android no macOS - Conex Networks 15m
  • Aula em vídeo: React Native do Zero - Aula 007 - Criando o primeiro projeto - Conex Networks 05m
  • Exercício: Qual comando inicia um novo projeto React Native já configurado com TypeScript?
  • Aula em vídeo: React Native do Zero - Aula 008 - Rodando o projeto - Conex Networks 12m
  • Aula em vídeo: React Native do Zero - Aula 009 - Configurando o EditorConfig - Conex Networks 03m
  • Exercício: Qual configuração no EditorConfig garante que o arquivo sempre termine com uma nova linha?
  • Aula em vídeo: React Native do Zero - Aula 010 - Configurando o Eslint - Conex Networks 07m
  • Aula em vídeo: React Native do Zero - Aula 011 - Configurando o Prettier - Conex Networks 03m
  • Aula em vídeo: React Native do Zero - Aula 012 - Primeiros passos com o projeto - Conex Networks 09m
  • Aula em vídeo: React Native do Zero - Aula 013 - Debug do App - Conex Networks 08m
  • Exercício: No simulador iOS, qual opção permite manter a janela sempre visível por cima de outras telas?
  • Aula em vídeo: React Native do Zero - Aula 014 - Página Home - Conex Networks 09m
  • Aula em vídeo: React Native do Zero - Aula 015 - Conponente StyleSheet - Conex Networks 09m
  • Aula em vídeo: React Native do Zero - Aula 016 - Componente SafeAreaView - Conex Networks 05m
  • Aula em vídeo: React Native do Zero - Aula 017 - Componente TextInput - Conex Networks 05m
  • Exercício: Como ajustar o padding do TextInput de forma diferente entre iOS e Android no React Native?
  • Aula em vídeo: React Native do Zero - Aula 018 - Componente TouchableOpacity - Conex Networks 05m
  • Aula em vídeo: React Native do Zero - Aula 019 - Título da Lista de Tarefas - Conex Networks 03m
  • Exercício: Qual propriedade do componente TextInput é usada para definir a cor do texto do placeholder no React Native?
  • Aula em vídeo: React Native do Zero - Aula 020 - Estado React para nova tarefa - Conex Networks 03m
  • Aula em vídeo: React Native do Zero - Aula 021 - Estado React para Lista de Tarefas - Conex Networks 13m
  • Exercício: Ao adicionar uma nova tarefa em uma lista no React Native, qual é a forma correta de atualizar o estado mantendo os itens anteriores?
  • Aula em vídeo: React Native do Zero - Aula 022 - ScrollView e Flatlist - Conex Networks 06m
  • Aula em vídeo: React Native do Zero - Aula 023 - Conponente TaskList - Conex Networks 08m
  • Exercício: Ao componentizar a lista em um componente separado, qual é a forma usada para enviar os dados tasks do componente pai para o componente TaskList?
  • Aula em vídeo: React Native do Zero - Aula 024 - Context API do React - Conex Networks 10m
  • Aula em vídeo: React Native do Zero - Aula 025 - Usando o contexto TasksContext - Conex Networks 06m
  • Exercício: Qual é a principal vantagem de usar o hook useContext para acessar a lista de tarefas em vários componentes?
  • Aula em vídeo: React Native do Zero - Aula 026 - Refatoração do contexto TasksContext - Conex Networks 06m
  • Aula em vídeo: React Native do Zero - Aula 027 - Método addTask 1/2 - Conex Networks 05m
  • Exercício: Ao adicionar um novo método (ex.: addTask) no tipo do Context, o que precisa ser feito no Provider para evitar erro de tipagem?
  • Aula em vídeo: React Native do Zero - Aula 028 - Método addTask 2/2 - Conex Networks 21m
  • Aula em vídeo: React Native do Zero - Aula 029 - Hook personalizado useTaskList - Conex Networks 04m
  • Exercício: Qual é o principal objetivo de criar um Hook personalizado (ex.: useTaskList) para acessar um Context?
  • Aula em vídeo: React Native do Zero - Aula 030 - Método removeTask - Conex Networks 11m
  • Aula em vídeo: React Native do Zero - Aula 031 - Testes automatizados - Conex Networks 06m
  • Aula em vídeo: React Native do Zero - Aula 032 - Configuração do ambiente de testes - Conex Networks 08m
  • Aula em vídeo: React Native do Zero - Aula 033 - Rodando o primeiro teste - Conex Networks 06m
  • Aula em vídeo: React Native do Zero - Aula 034 - Conhecendo o Jest - Conex Networks 07m
  • Aula em vídeo: React Native do Zero - Aula 035 - Jest Matchers toEqual e toBe - Conex Networks 05m
  • Aula em vídeo: React Native do Zero - Aula 036 - Jest Matchers not e toMatch - Conex Networks 04m
  • Aula em vídeo: React Native do Zero - Aula 037 - Jest Matchers para números e mock - Conex Networks 05m
  • Exercício: Em testes unitários com Jest, qual é a principal finalidade de criar um mock (jest.fn + mockImplementation)?
  • Aula em vídeo: React Native do Zero - Aula 038 - Testando a página Home com o Jest 1/3 - Conex Networks 06m
  • Aula em vídeo: React Native do Zero - Aula 039 - Testando a página Home com o Jest 2/3 - Conex Networks 11m
  • Exercício: Ao testar um hook personalizado que depende de Context API, o que é necessário configurar no renderHook para evitar erros como função indefinida?
  • Aula em vídeo: React Native do Zero - Aula 040 - Testando a página Home com o Jest 3/3 - Conex Networks 08m
  • Aula em vídeo: React Native do Zero - Aula 041 - Testando o componente TaskList com o Jest - Conex Networks 05m
  • Aula em vídeo: React Native do Zero - Aula 042 - Configuração customizada com o Jest - Conex Networks 04m
  • Aula em vídeo: React Native do Zero - Aula 043 - Script com a flag --watchAll no Jest - Conex Networks 03m
  • Exercício: Qual comando coloca os testes em modo watch, mantendo a execução ativa e reexecutando conforme alterações?
  • Aula em vídeo: React Native do Zero - Aula 044 - Relatório de cobertura de testes com o Jest - Conex Networks 07m
  • Aula em vídeo: React Native do Zero - Aula 045 - Introdução ao processo de Deploy do App - Conex Networks 06m
  • Exercício: Sobre custos e requisitos para publicar aplicativos, qual alternativa está correta?
  • Aula em vídeo: React Native do Zero - Aula 046 - Templates no Figma - Conex Networks 05m
  • Aula em vídeo: React Native do Zero - Aula 047 - Criando os Screenshots do App - Conex Networks 02m
  • Exercício: No emulador Android, qual configuração permite definir a pasta onde os screenshots serão salvos?
  • Aula em vídeo: React Native do Zero - Aula 048 - Criando e configurando ícones do App - Conex Networks 10m
  • Aula em vídeo: React Native do Zero - Aula 049 - Splash Screen 1/2 - Conex Networks 15m
  • Exercício: Qual é o principal objetivo de configurar uma Splash Screen no Android em um app React Native?
  • Aula em vídeo: React Native do Zero - Aula 050 - Splash Screen 2/2 - Conex Networks 07m
  • Aula em vídeo: React Native do Zero - Aula 051 - Bundle Release - Conex Networks 14m
  • Exercício: Qual é o principal objetivo ao executar o comando de build para gerar o arquivo .aab em um app React Native Android?
  • Aula em vídeo: React Native do Zero - Aula 052 - Configuração GPG 1/2 - Conex Networks 08m
  • Aula em vídeo: React Native do Zero - Aula 053 - Configuração GPC 2/2 - Conex Networks 10m
  • Exercício: Ao configurar o Google Play Console, o que deve ser feito se o app tiver acesso restrito (ex.: depende de backend com login) para não ser barrado na verificação?
  • Aula em vídeo: React Native do Zero - Aula 054 - Definição de Testadores do App - Conex Networks 12m
  • Aula em vídeo: React Native do Zero - Aula 055 - Publicação do App na Play Store - Conex Networks 05m
  • Aula em vídeo: React Native do Zero - Aula 056 - Visão Geral do Framework Expo - Conex Networks 06m
  • Aula em vídeo: React Native do Zero - Aula 057 - Conhecendo o Expo Managed - Conex Networks 04m
  • Exercício: No workflow Managed do Expo, qual característica da estrutura do projeto é esperada?
  • Aula em vídeo: React Native do Zero - Aula 058 - Criando o Projeto DevProfile - Conex Networks 04m
  • Aula em vídeo: React Native do Zero - Aula 059 - Visão Geral do Projeto DevProfile - Conex Networks 06m
  • Exercício: Qual é o pré-requisito principal para rodar o app no dispositivo físico usando Expo Go ao ler o QR Code?
  • Aula em vídeo: React Native do Zero - Aula 060 - Configurando o EditorConfig - Conex Networks 02m
  • Aula em vídeo: React Native do Zero - Aula 061 - Configurando o Eslint - Conex Networks 05m
  • Exercício: Ao configurar o ESLint em um projeto React Native com Expo, qual é a finalidade do arquivo .eslintignore?
  • Aula em vídeo: React Native do Zero - Aula 062 - Configurando o Prettier - Conex Networks 04m
  • Aula em vídeo: React Native do Zero - Aula 063 - Criando a Página Home - Conex Networks 05m
  • Exercício: Qual estrutura de pastas/arquivo foi criada para iniciar a página Home no projeto?
  • Aula em vídeo: React Native do Zero - Aula 064 - Instalando a Biblioteca Styled Components - Conex Networks 06m
  • Aula em vídeo: React Native do Zero - Aula 065 - Usando Styled Components na Página Home - Conex Networks 07m
  • Exercício: Ao usar styled-components em React Native, qual importação é a correta para estilizar componentes nativos como View e Text?
  • Aula em vídeo: React Native do Zero - Aula 066 - Definindo um Tema Global no App - Conex Networks 05m
  • Aula em vídeo: React Native do Zero - Aula 067 - Usando o Tema Global no App - Conex Networks 07m
  • Aula em vídeo: React Native do Zero - Aula 068 - Usando Fontes do Google Fonts - Conex Networks 07m
  • Aula em vídeo: React Native do Zero - Aula 069 - Configurando as Fontes no Tema Global - Conex Networks 03m
  • Aula em vídeo: React Native do Zero - Aula 070 - Visão Geral sobre Densidade de Pixel - Conex Networks 03m

Este curso gratuito inclui:

8 horas e 45 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