Formações Mobile Desenvolva seu primeiro app com React Native

Formação Desenvolva seu primeiro app com React Native

Aprenda os primeiros passos do React Native e crie aplicativos para Android e iOS simultaneamente

* Esta formação faz parte dos nossos cursos de Mobile

Quero Estudar na Alura

86h

Para conclusão

Cursos

Vídeos extras

Artigos

React Native

Os aplicativos cada vez mais tem feito parte do nosso dia a dia, mas você já parou pra pensar quais tecnologias estão por trás de aplicativos famosos?

O React Native é uma dessas tecnologias, é um framework JavaScript que combina as melhores partes do desenvolvimento com React, trazendo a possibilidade de criar aplicações mobile híbridas, isto é, aplicações mobile tanto para Android quanto para iOS.

Entre as grandes vantagens de se utilizar o React Native para desenvolver seus apps, é que com uma única tecnologia você poderá desenvolver aplicativos multiplataforma, otimizando o processo de desenvolvimento.

Nesta formação, você aprenderá a:

Desenvolver aplicativos para Android e iOS do zero com React Native;
Criar seus próprios componentes;
Aplicar estilos com conceitos semelhantes ao CSS;
Aprender a utilizar hooks;
Utilizar navegação para alternar entre as telas;
Conectar a aplicação a uma API para armazenar, editar e deletar dados;
Trabalhar com dados e utilizar o armazenamento local;
Realizar testes no seu aplicativo e muito mais!

Ao finalizar esta formação, você será capaz de desenvolver um aplicativo mobile com React Native e implementar funcionalidades, aplicando técnicas diversas, passando dos testes até a etapa de publicação.

Para melhor aproveitamento dos conteúdos abordados nesta formação, é necessário que você possua os conhecimentos básicos de JavaScript. Sugerimos que você faça antes o Curso JavaScript: primeiros passos com a linguagem para entender a linguagem de uma forma geral e dar seu primeiro mergulho.

Bons estudos!

Por que estudar esta formação?

Guia de aprendizado
Conteúdos pensados para facilitar seu estudo
Do básico ao avançado
Formação completa para o mercado
Você dentro do mercado
Do zero ao sonhado emprego em sua área de interesse

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Com quem você vai aprender?

Natalia Kelim Thiel
Natalia é programadora e instrutora. Se apaixonou pela programação a primeira vista em 2013 e desde então vem trabalhando em diversas tecnologias no front-end, back-end, mobile e games.
Natalia Kelim Thiel
Natalia é programadora e instrutora. Se apaixonou pela programação a primeira vista em 2013 e desde então vem trabalhando em diversas tecnologias no front-end, back-end, mobile e games.
André Cunha
Sou André Cunha, estudante de Engenharia de Computação e sou instrutor de mobile aqui na Alura!
André Cunha
Sou André Cunha, estudante de Engenharia de Computação e sou instrutor de mobile aqui na Alura!
Matheus Alberto
Formado em Sistemas de Informação na FIAP e em Design Gráfico na Escola Panamericana de Artes e Design. Trabalho como desenvolvedor e instrutor na Alura. Nas horas vagas sou artista/ilustrador.
Matheus Alberto
Formado em Sistemas de Informação na FIAP e em Design Gráfico na Escola Panamericana de Artes e Design. Trabalho como desenvolvedor e instrutor na Alura. Nas horas vagas sou artista/ilustrador.

Passo a passo

1 Primeiros passos em React Native
Neste primeiro passo, entenda o que é o React Native, as semelhanças e diferenças em relação ao React, construindo uma base de conhecimento do zero, e crie seu primeiro aplicativo com os fundamentos do React Native.
Aprenda a configurar o seu ambiente, mostre textos, imagens e botões no celular, crie seus próprios componentes, estilos e layout para diversos tamanhos de tela!
- Alura+ React e React Native: O poder da dobradinha
- Artigo Como começar com React Native? | Alura Cursos Online
- Curso React Native: criando um app
  10h
- Artigo React Native: componentes e unidades de medida | Alura Cursos Online
2 Utilizando Hooks
Depois de entender os fundamentos, é hora de dar mais um passo.
Neste momento, você irá aprender a utilizar e criar os hooks do React, que facilitam a lógica de construção dos componentes e permitem implementar mais funcionalidades ao seu aplicativo, como construir um app de e-commerce que exibe uma lista de lojas.
Também, saiba como utilizar o React Native CLI, opção que permite construir aplicações mais robustas e complexas em comparação ao Expo.
- Curso React Native: utilizando e criando Hooks
  10h
- Artigo Configurando o ambiente React Native | Alura Cursos Online
- Artigo Como fazer a migração do Expo para React Native CLI | Alura Cursos Online
3 Navegação entre telas
Nesta etapa da formação, você vai aprender a desenvolver um aplicativo que muda as telas por meio da navegação, entender os fundamentos, instalar e configurar a bibiloteca react navigation.
Verá ainda como criar um menu inferior e fazer estilizações no layout do seu aplicativo para deixá-lo ainda mais completo e otimizado.
- Curso React Native: criando menu e navegando entre telas
  10h
- Curso React Native com Expo: navegação com menu e suporte às telas
  08h
- Alura+ Como utilizar ícones e animações em apps com React Native
- Artigo React Native: posicionando elementos com Flex | Alura Cursos Online
- Artigo React Native - Utilizando styled-components | Alura Cursos Online
4 Salvando informações
Nesta nova etapa, você vai entender o que são Web API e fake API, como utilizá-las para salvar, editar e apagar informações de um app, além de aprender a utilizar a biblioteca Axios para fazer requisições e o software Insomnia para testá-las.
Aprenda ainda como utilizar o armazenamento local para salvar dados com ferramentas do tipo: AsyncStorage e SQLite, compreendendo as diferenças, vantagens e desvantagens entre elas e colocando os aprendizados em prática com suas p´roprias implementações.
- Curso React Native: utilizando Web API
  08h
- Artigo React Native: REST APIs com JSON server | Alura
- Artigo React Native: fazendo requisições com Fetch | Alura
- Curso React Native: guardando informações localmente
  08h
- Curso React Native: utilizando o Context API nas suas aplicações
  08h
5 Testando seu app
Agora que você já aprendeu a criar seu app, navegar entre as telas e salvar informações, chegou a hora de dar mais um passo no seu aprendizado.
Nessa etapa da formação, você conhecerá os principais tipos de testes e sua importância para os projetos. Aprenderá a instalar e configurar bibliotecas como jest e ainda aplicará seus próprios testes para verificar se seu app está funcionando conforme o esperado.
- Curso React Native: criando testes para sua aplicação
  10h
- Alura+ Como criar biblioteca externa para o React Native
- Artigo React Native: Gerando o APK e o IPA | Alura
6 Personalizando seu app
Nessa etapa você aprenderá a identificar e utilizar animações nos seus projetos, conhecerá sobre a bliblioteca React Native Reanimated, além de aprender a animar botões de notificações e criar telas animadas.
- Curso React Native: personalize apps com animações
  08h
- Alura+ Como utilizar ícones e animações em apps com React Native