Rocketseat
Rocketseat
/

React Native

Construa apps compilados de forma nativa para celulares Android e iOS a partir de um único código-base.

Icone da tag MobileMobile
React NativeJavaScriptExpoiOS
React Native icon
Visão geralConteúdosProjetos

Tem módulo novo chegando!

As aulas dessa trilha estão sendo gravadas pra te trazer o que há de mais atual no mercado. Seu certificado estará disponível assim que a trilha completa estiver totalmente liberada na plataforma.

Nível 1

Introdução

67 Aulas

Fundamentos

Módulo45 aulas
5h 23min

Neste primeiro módulo, desenvolveremos um aplicativo de lista de compras com React Native e TypeScript, onde os usuários poderão gerenciar seus itens de compra através de funcionalidades como adicionar, remover e marcar itens como comprados. O projeto utiliza tecnologias como AsyncStorage para persistência de dados e explora conceitos essenciais como gerenciamento de estado, componentização, estilização e boas práticas de desenvolvimento, proporcionando uma introdução prática ao desenvolvimento mobile.

Quiz - App Comprar

Quiz avaliativoobrigatório
13 Questões

Vamos testar seu conhecimento sobre gererenciamento de componentes e propriedades, estado e estilização, persistência dados com AsyncStorage, além de criar listas eficientes e organizar um projeto robusto.

Navegação

Módulo22 aulas
1h 58min

Prepare-se para dominar a navegação em React Native! Neste módulo, você vai aprender a construir sistemas de navegação profissionais combinando Drawer, Bottom Tab e Stack Navigator, tudo com a segurança do TypeScript. Descubra como criar interfaces intuitivas, passar parâmetros entre telas e personalizar a aparência dos navegadores para elevar o nível das suas aplicações móveis.

Quiz - Navegação em React Native

Quiz avaliativoobrigatório
15 Questões

Vamos testar seus conhecimentos sobre navegação com React Router, criação de rotas rotas, configuração de parâmetros, implementação de páginas dinâmicas e de erro 404. Uso de hooks como `useNavigate` e `useParams` e construção de layouts consistentes, garantindo uma experiência de usuário fluida e envolvente.

Orçamento de serviços

Desafio práticoopcional

Neste desafio, iremos criar um projeto para gerar orçamentos simples com itens, quantidades e desconto, com status do ciclo de vendas.

Fundamentos e navegação

Fundamentos e navegação

Micro-certificado
Requisitos
Nível 2

Expo Router e Banco de Dados Local

67 Aulas

Expo Router e Banco de Dados Local

Módulo66 aulas
6h 56min

Neste módulo, você irá desenvolver um projeto prático focado no gerenciamento de metas financeiras. Ao longo das aulas, aprenderá a salvar e recuperar dados utilizando um banco de dados local com SQLite, além de explorar o uso do Expo Router para implementar navegação baseado em arquivos no React Native. Esta é uma oportunidade de consolidar conhecimentos essenciais em desenvolvimento mobile enquanto constrói uma aplicação funcional.

Quiz - Expo Router e SQLite

Quiz avaliativoobrigatório
15 Questões

Vamos testar seus conhecimentos sobre Expo Router e navegação intuitiva, SQLite e a criação de um banco de dados local robusto, usando isso diretamente no acompanhamento de metas, registro de transações e integração de funcionalidades, garantindo uma experiência completa ao usuário.

Recapitulando até aqui e próximos passos

Módulo1 aulas
1min

Aqui, recaptulamos os principais aprendizados dos módulos anteriores sobre React Native, como estados, componentização e navegação. Agora, o Breno, especialista em desenvolvimento mobile, assume o próximo módulo, onde vamos explorar APIs com React Query e Axios, além de criar animações e implementar cache para otimizar a performance. Prepare-se para uma jornada intensa de aprendizado!

Nível 3

APIs, banco de dados local e estados globais

73 Aulas

Consumo de APIs e estado global

Módulo73 aulas
8h 4min

Neste módulo empolgante, você mergulhará no desenvolvimento de uma aplicação completa de controle financeiro com React Native! O DT Money é uma aplicação mobile que permite gerenciar suas finanças pessoais, registrando entradas e saídas com categorização. Você aprenderá a implementar autenticação de usuários, gerenciamento de estado com Context API, navegação entre telas, formulários com validação, e integração com APIs RESTful. Utilizaremos tecnologias modernas como Native Wind para estilização, React Hook Form para gerenciamento de formulários, e componentes reutilizáveis para criar uma interface elegante e responsiva.

Quiz - APIs e estado global

Quiz avaliativoobrigatório
15 Questões

Vamos testar seus conhecimentos sobre o consumo de APIs e gerenciamento de estado global no React Native, a comunicação entre sistemas por APIs, aplicando desde o consumo de dados até a persistência de usuários, integração de autenticação, navegação e filtragem avançada.

Divisão de custos

Desafio práticoopcional

Neste desafio, iremos criar um projeto para possibilitarmos a divisão de custos em viagens, através de uma conexão com uma API externa.

Chamadas a API, banco de dados local e estados globais

Chamadas a API, banco de dados local e estados globais

Micro-certificado
Requisitos
Nível 4

Arquitetura MVVM

148 Aulas

Arquitetura MVVM

Módulo148 aulas
17h 19min

Neste módulo, você aprenderá a compartilhar dados entre telas usando Zustand, a consumir APIs REST usando React Query e Axios com tratamento de erros e autenticação, além de aplicar MVVM para separar Model, View e ViewModel, aumentando testabilidade e escalabilidade.

Quiz - Arquitetura MVVM

Quiz avaliativoopcional
15 Questões

Vamos testar seus conhecimentos sobre a arquitetura MVVM, essencial para organizar projetos React Native, desacoplamento de lógica e interface com Model, View e ViewModel, integração de uma camada de serviço para requisições HTTP e gerenciamento de estado global com ferramentas como Zustand, implementação de requisições com Axios, sistema de cache e construção de componentes reutilizáveis, otimizando a arquitetura e performance dos aplicativos.

Arquitetura MVVM com React Native

Arquitetura MVVM com React Native

Micro-certificado
Requisitos
Nível 5

Notificações e Deep Linking

26 Aulas

Notificações e Deep linking

Módulo26 aulas
3h 12min

Neste módulo, você aprenderá a como notificar o usuário, de forma offline e com notificações online, abrangendo os casos de uso de todos os aplicativos mais usados no mundo. Usaremos Expo Notifications, o One Signal e outras ferramentas para entregarmos notificações valiosas para os nossos usuários.

Quiz - Notificações e Deep Linking

Quiz avaliativoopcional
8 Questões

Vamos testar seus conhecimentos sobre Push Notifications e Deep Links, ferramentas essenciais para desenvolvedores mobile, a diferença entre notificações locais e online, integração de Deep Links de maneira focada e centrada no usuário, levando a ele o produto, e como aprimorar navegação e a experiência do usuário ao conectar URLs a telas específicas do nosso app.

Notificações e Deep Linking com React Native

Notificações e Deep Linking com React Native

Micro-certificado
Requisitos
Nível 6

Animações

88 Aulas

Animações

Módulo87 aulas
12h 33min

Neste módulo, você aprenderá a criar animações do zero, focando na usabilidade do usuário, performance e iteratividade da animação. Utilizaremos o React Native Reanimator e o Gesture Handler para implementar animações incríveis, como navegação e efeitos.

Quiz - Animações com React Native

Quiz avaliativoobrigatório
10 Questões

Vamos testar seus conhecimentos na criação de animações intuitivas em React Native, configuração do Reanimated, evoluindo para animações complexas como transições e splashes, manipulação de eventos dos gestos do usuário, uso do Lottie pra aprimorar animações e uso de animações na fluidez visual.

Animações e Microinterações com React Native

Animações e Microinterações com React Native

Micro-certificado
Requisitos

Recapitulando o aprendizado até aqui e próximos passos

Módulo1 aulas
2min
Novo

Aqui, recaptulamos os principais aprendizados dos módulos anteriores sobre React Native, como animações, notificações, deep linking e arquitetura. Agora, o Luis, especialista em desenvolvimento mobile, assume o próximo módulo, onde vamos explorar a criação de um aplicativo com inteligência artificial, usando a IA desde a concepção do produto e o Design até o código.

Nível 7

Criando um aplicativo com o auxílio de inteligência artificial

37 Aulas
IA na prática

Criando um aplicativo com auxílio de inteligência artificial

Módulo37 aulas
10h 0min
Novo

Neste módulo, você irá aprender a como criar, do zero, um aplicativo com inteligência artificial e React Native, criando desde o design, a concepção e nome do produto e o código, até a como levar pontos, sugestões e discussões de arquitetura pra dentro da IA.

Quiz - Criando seu app com IA e React Native

Quiz avaliativoopcional
8 Questões
Novo

Vamos testar seus conhecimentos sobre a integração da inteligência artificial no desenvolvimento de aplicativos, usando React Native, otimização de processos desde a concepção até a implementação, arquitetura, escalabilidade, login social, e a aplicação prática da IA, na evolução do fluxo de trabalho.

Integração de IA na construção de Apps com React Native

Integração de IA na construção de Apps com React Native

Micro-certificado
Requisitos
Nível 8

Testes automatizados

23 Aulas

Testes Automatizados

Módulo23 aulas
1h 41min
Novo

Neste módulo, você irá aprender a como testar, do zero, um aplicativo com com React Native, criando testes unitários, de componentes, mock e e2e.

Lorem ipsum dolor sit

Módulo

Adipiscing habitant nulla sed elit eget feugiat. In vitae aliquam varius in vitae gravida nibh eu nibh. Egestas et purus lectus adipiscing. Dolor egestas elit imperdiet auctor eu.

Lorem ipsum dolor sit

Módulo

Adipiscing habitant nulla sed elit eget feugiat. In vitae aliquam varius in vitae gravida nibh eu nibh. Egestas et purus lectus adipiscing. Dolor egestas elit imperdiet auctor eu.

Lorem ipsum dolor sit

Módulo

Adipiscing habitant nulla sed elit eget feugiat. In vitae aliquam varius in vitae gravida nibh eu nibh. Egestas et purus lectus adipiscing. Dolor egestas elit imperdiet auctor eu.

Novos módulos em breve!

Fique de olho nas comunicações para não perder os próximos conteúdos da trilha. Enquanto isso, aproveite para explorar conteúdos extras no catálogo!

Inicie sua jornada na programação

Inicie sua jornada na programação com um curso gratuito.