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

9
Cursos
4
Vídeos extras
9
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. 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!

  2. 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.

  3. 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
      • Entenda como fazer um aplicativo que muda as telas por meio da navegação
      • Conheça os fundamentos da navegação em React e os principais tipos e quando usá-los
      • Instale e configure a biblioteca react navigation na versão 6
      • Utilize o tipo de navegação bottom-tab para criar um menu inferior
      • Utilize o tipo de navegação stack para manter uma pilha de telas, permitindo voltar a estados anteriores
      • Entenda a diferença entre diversos métodos de navegar entre telas no tipo de navegação stack
    • Curso React Native com Expo: navegação com menu e suporte às telas

      08h
      • Entenda as principais diferenças entre usar o Expo CLI ou o React Native CLI
      • Crie um projeto React Native utilizando o Expo
      • Crie componentes utilizando function components e utilizando hooks
      • Prepare sua aplicação para telas com notch em Android e iOS
      • Evite que a barra inferior dos iPhones mais atuais sobreponha o conteúdo do seu app
      • Utilize React Navigation 5 para criar uma navegação inferior em abas e estilize as abas
      • Estilize a status bar em Android e iOS
    • 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. 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
      • Compreenda o que são Web API e fake API e qual sua utilidade no desenvolvimento mobile
      • Utilize uma Web API para receber, exibir, salvar, editar e apagar informações de um app
      • Aprenda a conectar um aplicativo ao armazenamento online com o React Native
      • Descubra as principais opções para fazer requisições
      • Instale e utilize a biblioteca Axios para fazer requisições
      • Teste requisições com o software Insomnia
      • Implemente as requisições GET, POST, PUT e DELETE em um projeto real
    • 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
      • Aplique a funcionalidade de mostrar, salvar, editar e excluir notas em um aplicativo real
      • Descubra por que utilizar o armazenamento local para salvar dados
      • Aprenda como utilizar ferramentas como AsyncStorage e SQLite
      • Compreenda o objetivo, diferenças, vantagens e desvantagens do AsyncStorage e SQLite.
      • Utilize consultas SELECT, INSERT, UPDATE e DELETE com SQLite
      • Implemente opção de armazenamento local com AsyncStorage e SQLite
      • Coloque os aprendizados em prática com desafios
    • Curso React Native: utilizando o Context API nas suas aplicações

      08h
      • Conheça o que é Context API e sua importância
      • Aprenda a utilizar o Context API e organize suas aplicações
      • Construa aplicações grandes de forma organizada com estados globais
      • Implemente mudança de tema em um app
      • Faça um sistema simples de autenticação em um app
      • Implemente telas de carrinho e últimos produtos vistos em um app de e-commerce
      • Aplique persistência de dados por meio de uma Web API
  5. 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
      • Conheça os principais tipos de teste e sua importância em projetos
      • Instale e configure as bibliotecas jest, @testing-library/react-native e @testing-library/react-hooks
      • Faça testes de unidade com jest
      • Simule métodos utilizando mocks
      • Teste hooks com eficiência e praticidade
      • Carregue componentes em memória e teste seus comportamentos
      • Reduza bugs e ganhe mais confiabilidade e segurança em seus aplicativos
    • Alura+ Como criar biblioteca externa para o React Native

    • Artigo React Native: Gerando o APK e o IPA | Alura

  6. 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
      • Identifique o que são e para que servem animações
      • Aprenda o que é e como utilizar o Shimmer Effect
      • Compreenda o que a biblioteca React Native Reanimated
      • Aprenda a animar botões de notificações
      • Entenda o que é e como utilizar o Lottie
      • Crie telas para Splash Screen animada
    • Alura+ Como utilizar ícones e animações em apps com React Native

Escola

Mobile

Além dessa, a categoria Mobile conta com cursos de React Native, Flutter, iOS e Swift, Android, Kotlin, Jogos,e mais...

Conheça a Escola

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

Excelente vídeo, a instrutora está de parabéns. Conteúdo profundo e explicado de forma fácil de entender. Ótimas dicas para quem nunca teve contato com o ambiente react native. Esse é o segundo curso da Alura que faço de React Native e aprendi pacas.

React Native com Expo: navegação com menu e suporte às telas

Filipe Martins Teixeira

Comece hoje mesmo os cursos de Desenvolva seu primeiro app com React Native. Matricule-se agora!

Plus

De
R$ 1.800
12X
R$109
à vista R$1.308
  • Acesso a TODOS os cursos da Alura

    Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

Matricule-se

Pro

De
R$ 2.400
12X
R$149
à vista R$1.788
  • Acesso a TODOS os cursos da Alura

    Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Luri powered by ChatGPT

    Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas