Saia do React para apps reais em iOS e Android com React Native.
- 49h de prática
- 4 projetos completos
- Backend e publicação
Aprenda o fluxo completo para criar aplicativos mobile de verdade: Expo, navegação, armazenamento local, Supabase, SQLite, debug, builds e projetos como formulários, jogos, app de hábitos e marketplace.
Ver treinamento
Do primeiro app ao marketplace integrado
Conteúdo
Roadmap do Treinamento Mobile
49h 29min de conteúdo em 9 módulos, com fundamentos, projetos completos, debug, publicação Android, SQLite, Supabase, backend e marketplace.
0%
Introdução e Instalações
0%
Dominando os Conceitos Fundamentais
0%
Projeto Prático: OnebitForms
0%
Projeto BombGame (extra)
0%
Debug React Native (extra)
Extra
0%
Projeto OneBitLife - Parte I
Extra
0%
Projeto OneBitLife - Parte II
Extra
0%
Projeto OneBitLife - Parte III
Extra
0%
Market Place - Projeto Final
Ambiente de desenvolvimento
VS Code, Git, Node.js, Java, Android Studio, Expo Go e Development Build.
Base do app mobile
Views, textos, imagens, StyleSheet, botões, elementos tocáveis, modal, inputs, switch, status bar e listas.
Navegação e recursos de app
Rotas, layout entre telas, AsyncStorage, SecureStore, fontes, ícone, splash screen e configurações.
Supabase e autenticação
Projeto no Supabase, tabelas, políticas de segurança, sign in, sign up e tela inicial protegida.
Construtor de formulários
Cadastro, listagem, edição, exclusão, tipos de campos, fluxo multi-etapa e pré-visualização.
Dados e publicação
Submissão de respostas, modal de respostas, dados da home, deep linking e build para Play Store.
Telas e navegação
Home, regras, tema, rotas, tela de jogo solo e tela de jogo em dupla.
Lógica do jogo
Regras de jogo solo e dupla, telas de sucesso e fracasso e finalização do app.
Diagnóstico de problemas
Leitura da estrutura, identificação de erros e fluxo de debug em duas etapas.
Base do aplicativo
Ambiente, rotas, página Start, Life Status, Default Button, Explanation Card e Home.
Fluxo de hábitos
Barra de status, botão de criar hábito, criação, edição e correção em emulador.
Componentes e tela Create Habit
Select Habit, Select Frequency, Notification, Time Picker e botões de update/delete.
Serviços e SQLite
SET, GET, create, read, update e delete de hábitos conectados às telas.
Notificações e status
Create/Delete Notification, atualização de hábito, notificação e modificação da Status Bar.
Progresso e animações
Lógica de check, remover check, animações, barra de progresso, soma dos checks e game over.
Telas principais
Home, login, registro, busca, perfil, seller profile, endereços, produto e categorias.
Experiência de marketplace
Cards de produto, upload de imagens, detalhes, vendedor, denúncia, avaliação e chat.
Backend e API
Backend, MongoDB Atlas, arquivo .env, api.ts, error boundary, entidades, serviços e contextos.
Integrações do marketplace
Login, registro, produtos, busca, filtros, endereços, perfil, like, vendedor e envio de mensagens.
01
Introdução ao módulo
Aula 01
React NativePrática guiada
02
O que é React
Aula 02
React NativePrática guiada
03
Conhecendo o Visual Code
Aula 03
React NativePrática guiada
04
Seu primeiro projeto em React
Aula 04
React NativePrática guiada
05
Conhecendo o JSX
Aula 05
React NativePrática guiada
06
Conhecendo os componentes do React
Aula 06
React NativePrática guiada
07
Conhecendo o Vite
Aula 07
React NativePrática guiada
08
Criando um projeto React com Vite
Aula 08
React NativePrática guiada
09
Desafio 1
Aula 09
React NativePrática guiada
10
Resolução do Desafio 1
Aula 10
React NativePrática guiada
11
Sintaxe básica em JSX
Aula 11
React NativePrática guiada
12
Criando nosso componente
Aula 12
React NativePrática guiada
13
Múltiplos componentes
Aula 13
React NativePrática guiada
14
Desafio 2 — Criando um componente Card
Aula 14
React NativePrática guiada
15
Resolução do Desafio 2
Aula 15
React NativePrática guiada
16
Conhecendo as props
Aula 16
React NativePrática guiada
17
Reutilizando componentes
Aula 17
React NativePrática guiada
18
O que são e como usar as “props”
Aula 18
React NativePrática guiada
19
Desafio 3 — Criando um componente Profile
Aula 19
React NativePrática guiada
20
Resolução do Desafio 3
Aula 20
React NativePrática guiada
21
Composição de componentes com “children”
Aula 21
React NativePrática guiada
22
Props com Rest Params
Aula 22
React NativePrática guiada
23
Usando eventos do JavaScript no React
Aula 23
React NativePrática guiada
24
O que é e para que serve o “state” (estado)
Aula 24
React NativePrática guiada
25
Conhecendo melhor os hooks
Aula 25
React NativePrática guiada
26
Conhecendo melhor o useState
Aula 26
React NativePrática guiada
27
Desafio 4
Aula 27
React NativePrática guiada
28
Resolução do Desafio 4
Aula 28
React NativePrática guiada
29
Conhecendo inputs controlados
Aula 29
React NativePrática guiada
30
Compartilhando estado entre componentes
Aula 30
React NativePrática guiada
31
Renderização condicional
Aula 31
React NativePrática guiada
32
Renderizando listas de dados
Aula 32
React NativePrática guiada
33
Projeto prático: Biblioteca de Jogos — Parte 1
Aula 33
React NativePrática guiada
34
Projeto prático: Biblioteca de Jogos — Parte 2
Aula 34
React NativePrática guiada
35
Desafio 5 — Perfil de comentários
Aula 35
React NativePrática guiada
36
Resolução do Desafio 5
Aula 36
React NativePrática guiada
37
Persistindo valores com o useRef
Aula 37
React NativePrática guiada
38
Ciclo de vida: conhecendo o useEffect
Aula 38
React NativePrática guiada
39
Requisições HTTP com useEffect
Aula 39
React NativePrática guiada
40
Verificando algo por meio de um useEffect
Aula 40
React NativePrática guiada
41
Compartilhamento de dados com useContext
Aula 41
React NativePrática guiada
42
O que são Single Page Applications (SPA)
Aula 42
React NativePrática guiada
43
Usando o React Router DOM para criar SPAs
Aula 43
React NativePrática guiada
44
Usando parâmetros de URL
Aula 44
React NativePrática guiada
45
Melhorando o Data Fetching e erros
Aula 45
React NativePrática guiada
46
Desafio 7 — Projeto final
Aula 46
React NativePrática guiada
47
Resolução do Desafio 7 — Parte 1
Aula 47
React NativePrática guiada
48
Resolução do Desafio 7 — Parte 2
Aula 48
React NativePrática guiada
49
Resolução do Desafio 7 — Parte 3
Aula 49
React NativePrática guiada
50
Encerramento
Aula 50
React NativePrática guiada
Uma trilha completa de React Native com projetos reais
Fundamentos, formulários com Supabase, jogos, debug, app de hábitos e marketplace com backend em 49h 29min de treinamento.
Dados da carreira
Mobile abre espaço em produtos digitais, apps e times web.
React Native conecta sua base de React com desenvolvimento de aplicativos para iOS e Android, protótipos, MVPs e produtos em produção.
Desenvolvedor(a) Mobile Júnior
R$ 6.050 a R$ 8.750/mês
Desenvolvedor(a) Mobile Pleno
R$ 8.950 a R$ 15.050/mês
Desenvolvedor(a) Mobile Sênior
R$ 12.950 a R$ 21.800/mês
Faixas salariais mensais de referência para Desenvolvimento Mobile no Brasil; valores variam por senioridade, empresa, cidade e modelo de contratação.
O que dizem sobre a OBC
Treinamento Mobile · Acesso vitalício
Escolha como você quer começar
Você pode focar em Mobile com React Native ou levar acesso a todas as 9 formações da OneBitCode.
Mobile com React Native
Expo, navegação, Supabase, SQLite, debug, builds e projetos completos para criar apps mobile.
Acesso a 1 treinamento completo
R$ 197
treinamento Mobile com React NativeInclui
- 49h 29min de conteúdo prático
- 9 módulos organizados por projetos
- OnebitForms, Bomb Game e OneBitLife
- Marketplace com backend e integrações
- Acesso vitalício e certificado
Ideal para: Quem quer criar aplicativos mobile reais com React Native, Expo e integrações modernas.
Melhor custo-benefício · 9 cursos
Pacote completo
Combo Dev IA
Acesso a este treinamento e a todas as outras formações da OneBitCode. Uma compra, acesso vitalício.
Acesso a 9 cursos · vitalício
De R$ 3.673
Quero o Combo Dev IA R$ 1.50059% OFF
à vista ou 12x R$ 155 no cartãoVocê economiza R$ 2.173 em relação à compra dos cursos separadamente.
Você leva os 9 cursos
- Formação Full Stack JavaScript
- Formação Python
- Formação Ruby on Rails
- Automações com N8N e IA
- Dev Freelancer
- O Essencial da IA para Devs
- Mobile com React Native
- 18 Habilidades Essenciais
- 30 Desafios de JavaScript
Ideal para: Quem quer dominar múltiplas tecnologias + IA e economizar 59% em relação a comprar separadamente.
Perguntas Frequentes
Dúvidas sobre o treinamento Mobile
- Preciso saber React Native para começar?Não. O treinamento começa pela base de React, JSX, componentes, props e estado antes de avançar para hooks, efeitos, dados e rotas.
- O curso tem desafios?Sim. A trilha inclui desafios de componentes, Profile, estado, comentários e projeto final, todos com resolução.
- O conteúdo inclui projetos?Sim. Há projeto prático de Biblioteca de Jogos, perfil de comentários e um projeto final dividido em etapas.
- O treinamento tem certificado?Sim. Você recebe certificado de conclusão para adicionar ao currículo, LinkedIn e portfólio.
OBC
Conhecendo a OBC
Há 9 anos formando desenvolvedores com foco em prática: você aprende construindo — do front ao back — com projetos reais, plano de estudos guiado e uma comunidade ativa para acelerar sua evolução.
- 9 treinamentos ativos
- +40k alunos
- 9 anos ensinando