Curso online gratuitoReact Native do Zero ao Avançado Completo
Duração do curso online: 8 horas e 45 minutos
Novo
Curso gratuito de React Native do básico ao avançado: ambiente, componentes, estado, testes com Jest, Expo e deploy para publicar seu app.
Neste curso gratuito, aprenda sobre
Fundamentos e preparação do ambiente
Criação do projeto e ferramentas de qualidade
Interface, componentes e início do app de tarefas
Context API e arquitetura de estado do app
Testes automatizados com Jest
Publicação e deploy (Android/Play Store)
Expo e projeto DevProfile (workflow managed)
Estilização avançada, temas e responsividade
Descrição do curso
Aprenda a criar aplicativos mobile modernos com React Native neste curso online gratuito, ideal para quem quer sair do básico e evoluir até práticas usadas em projetos reais. Você começa entendendo os conceitos essenciais e monta o ambiente de desenvolvimento no Windows e no macOS, preparando tudo para trabalhar com Android e iOS com segurança e produtividade.
Na parte prática, você cria seu primeiro app do zero e desenvolve uma aplicação de tarefas para consolidar fundamentos como componentes, estilização, entradas de texto, botões, gerenciamento de estado e renderização de listas. Ao longo do caminho, você também aprende a organizar melhor o projeto com padrões de formatação e qualidade de código, além de explorar estratégias de debug para encontrar e corrigir problemas com mais rapidez.
O curso avança para arquitetura e boas práticas, incluindo uso de Context API e criação de hooks personalizados para reaproveitar lógica e manter o código mais limpo. Em seguida, você entra em testes automatizados com Jest, entendendo matchers, mocks, execução em modo watch e relatórios de cobertura, para ganhar confiança na evolução do app sem quebrar funcionalidades.
Para fechar, você conhece o fluxo de preparação e deploy, com cuidados de apresentação como ícones, splash screen e screenshots, além do processo de publicação. Também há uma introdução ao Expo e ao estilo de desenvolvimento com styled-components, temas globais e fontes, ajudando você a construir interfaces consistentes e prontas para produção.
Conteúdo do curso
Aula em vídeo: React Native do Zero - Aula 001 - Conceitos básicos - Conex Networks08m
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 Networks04m
Aula em vídeo: React Native do Zero - Aula 003 - Android Studio no Windows - Conex Networks19m
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 Networks04m
Aula em vídeo: React Native do Zero - Aula 005 - Ambiente iOS no macOS - Conex Networks07m
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 Networks15m
Aula em vídeo: React Native do Zero - Aula 007 - Criando o primeiro projeto - Conex Networks05m
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 Networks12m
Aula em vídeo: React Native do Zero - Aula 009 - Configurando o EditorConfig - Conex Networks03m
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 Networks07m
Aula em vídeo: React Native do Zero - Aula 011 - Configurando o Prettier - Conex Networks03m
Aula em vídeo: React Native do Zero - Aula 012 - Primeiros passos com o projeto - Conex Networks09m
Aula em vídeo: React Native do Zero - Aula 013 - Debug do App - Conex Networks08m
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 Networks09m
Aula em vídeo: React Native do Zero - Aula 015 - Conponente StyleSheet - Conex Networks09m
Aula em vídeo: React Native do Zero - Aula 016 - Componente SafeAreaView - Conex Networks05m
Aula em vídeo: React Native do Zero - Aula 017 - Componente TextInput - Conex Networks05m
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 Networks05m
Aula em vídeo: React Native do Zero - Aula 019 - Título da Lista de Tarefas - Conex Networks03m
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 Networks03m
Aula em vídeo: React Native do Zero - Aula 021 - Estado React para Lista de Tarefas - Conex Networks13m
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 Networks06m
Aula em vídeo: React Native do Zero - Aula 023 - Conponente TaskList - Conex Networks08m
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 Networks10m
Aula em vídeo: React Native do Zero - Aula 025 - Usando o contexto TasksContext - Conex Networks06m
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 Networks06m
Aula em vídeo: React Native do Zero - Aula 027 - Método addTask 1/2 - Conex Networks05m
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 Networks21m
Aula em vídeo: React Native do Zero - Aula 029 - Hook personalizado useTaskList - Conex Networks04m
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 Networks11m
Aula em vídeo: React Native do Zero - Aula 031 - Testes automatizados - Conex Networks06m
Aula em vídeo: React Native do Zero - Aula 032 - Configuração do ambiente de testes - Conex Networks08m
Aula em vídeo: React Native do Zero - Aula 033 - Rodando o primeiro teste - Conex Networks06m
Aula em vídeo: React Native do Zero - Aula 034 - Conhecendo o Jest - Conex Networks07m
Aula em vídeo: React Native do Zero - Aula 035 - Jest Matchers toEqual e toBe - Conex Networks05m
Aula em vídeo: React Native do Zero - Aula 036 - Jest Matchers not e toMatch - Conex Networks04m
Aula em vídeo: React Native do Zero - Aula 037 - Jest Matchers para números e mock - Conex Networks05m
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 Networks06m
Aula em vídeo: React Native do Zero - Aula 039 - Testando a página Home com o Jest 2/3 - Conex Networks11m
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 Networks08m
Aula em vídeo: React Native do Zero - Aula 041 - Testando o componente TaskList com o Jest - Conex Networks05m
Aula em vídeo: React Native do Zero - Aula 042 - Configuração customizada com o Jest - Conex Networks04m
Aula em vídeo: React Native do Zero - Aula 043 - Script com a flag --watchAll no Jest - Conex Networks03m
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 Networks07m
Aula em vídeo: React Native do Zero - Aula 045 - Introdução ao processo de Deploy do App - Conex Networks06m
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 Networks05m
Aula em vídeo: React Native do Zero - Aula 047 - Criando os Screenshots do App - Conex Networks02m
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 Networks10m
Aula em vídeo: React Native do Zero - Aula 049 - Splash Screen 1/2 - Conex Networks15m
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 Networks07m
Aula em vídeo: React Native do Zero - Aula 051 - Bundle Release - Conex Networks14m
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 Networks08m
Aula em vídeo: React Native do Zero - Aula 053 - Configuração GPC 2/2 - Conex Networks10m
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 Networks12m
Aula em vídeo: React Native do Zero - Aula 055 - Publicação do App na Play Store - Conex Networks05m
Aula em vídeo: React Native do Zero - Aula 056 - Visão Geral do Framework Expo - Conex Networks06m
Aula em vídeo: React Native do Zero - Aula 057 - Conhecendo o Expo Managed - Conex Networks04m
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 Networks04m
Aula em vídeo: React Native do Zero - Aula 059 - Visão Geral do Projeto DevProfile - Conex Networks06m
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 Networks02m
Aula em vídeo: React Native do Zero - Aula 061 - Configurando o Eslint - Conex Networks05m
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 Networks04m
Aula em vídeo: React Native do Zero - Aula 063 - Criando a Página Home - Conex Networks05m
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 Networks06m
Aula em vídeo: React Native do Zero - Aula 065 - Usando Styled Components na Página Home - Conex Networks07m
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 Networks05m
Aula em vídeo: React Native do Zero - Aula 067 - Usando o Tema Global no App - Conex Networks07m
Aula em vídeo: React Native do Zero - Aula 068 - Usando Fontes do Google Fonts - Conex Networks07m
Aula em vídeo: React Native do Zero - Aula 069 - Configurando as Fontes no Tema Global - Conex Networks03m
Aula em vídeo: React Native do Zero - Aula 070 - Visão Geral sobre Densidade de Pixel - Conex Networks03m
