Formações Front-end Desenvolva aplicações Web e Mobile com React e React Native

Formação Desenvolva aplicações Web e Mobile com React e React Native

Crie aplicações web e mobile com alto desempenho utilizando React, React Native e TypeScript

* Esta formação faz parte dos nossos cursos de Front-end

Quero Estudar na Alura
36h

Para conclusão

2
Cursos
3
Artigos

Desenvolva aplicações Web e Mobile com React e React Native

Vamos mergulhar em React e React Native e juntos aprender a lidar com mais de uma plataforma no desenvolvimento de um produto tanto mobile quanto desktop, diversificando o seu conhecimento em React com Typescript.

  • Benefícios em fazer essa formação:
    • Dominar as principais bibliotecas e frameworks utilizados no mercado, como React, React Native, TypeScript, Native-base, MUI;
    • Utilizar o Figma para consultar o design e protótipos da aplicação;
    • Aprender a realizar requisições a APIs e gerenciar estados com Axios, Fetch e MobX;
    • Implementar rotas privadas e navegação eficiente com o React Router Dom;
    • Criar gráficos atraentes com a biblioteca Recharts.
    • Criar aplicações mobile e web de alta qualidade e desempenho.

Em caso de dúvida, entre na nossa comunidade do Discord ou acesse o fórum do curso.

E aí? Pronto para mergulhar nesse novo conhecimento? Então, vamos lá!

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?

  • 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!

  • Mônica Mazzochi Hillman

    Bacharela em Tecnologias Digitais, especialista em User Experience e pós graduanda em Docência e Performance na Educação a Distância com experiência em suporte técnico de T.I e com tecnologias front-end. Durante a graduação foi vice-presidente do diretório acadêmico e monitora de LIBRAS. Atualmente é instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e Genshin Impact e praticar culinária.

  • Mônica Mazzochi Hillman

    Bacharela em Tecnologias Digitais, especialista em User Experience e pós graduanda em Docência e Performance na Educação a Distância com experiência em suporte técnico de T.I e com tecnologias front-end. Durante a graduação foi vice-presidente do diretório acadêmico e monitora de LIBRAS. Atualmente é instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e Genshin Impact e praticar culinária.

Passo a passo
  1. 1 Desenvolvendo um aplicativo mobile

    Nesse primeiro passo você irá construir um aplicativo mobile completo, utilizando React Native com TypeScript para garantir a qualidade e a segurança do código. Com o auxílio da biblioteca Native-base, você será capaz de criar designs e interfaces de usuário incríveis, proporcionando uma experiência agradável e funcional aos usuários finais, usando como base um Figma do layout do App.

    Você também aprenderá a integrar seu aplicativo mobile com uma API externa utilizando Axios, uma biblioteca popular e eficiente para realizar requisições HTTP. Essa integração permitirá a comunicação entre o aplicativo e um servidor, possibilitando a troca de informações e a manipulação de dados em tempo real.

    • Site typescript - Hipsters Ponto TechHipsters Ponto Tech

    • Curso React Native: Construindo um App com Native-base

      10h
      • Crie telas de aplicativo utilizando o Figma
      • Desenvolva aplicativos com React Native utilizando o Expo
      • Construa interface gráficas com a biblioteca Native-base
      • Aprenda tipagem de código e evite erros com TypeScript
      • Crie navegação entre telas utilizando Stack Navigator e Bottom Tab Navigator
      • Aprenda boas práticas de modularização e organização de código
    • Curso React Native: integrando um App à Web API

      08h
      • Integre aplicativos React Native com APIs utilizando a biblioteca Axios;
      • Consuma dados de uma API com aplicativo React Native usando Axios;
      • Use o Async Storage para autenticar e gerenciar sessões de usuário;
      • Implemente as funcionalidades de login e cadastro usando Axios;
      • Agende consultas médicas através da API;
      • Melhore a experiência do usuário com a utilização de TypeScript e Native-base.
    • Artigo O que é React Native? Vantagens e Guia do Framework | Alura

    • Artigo Como instalar e configurar o Expo do React Native | Alura

  2. 2 Desenvolvendo uma aplicação Web

    Nesse segundo passo da formação, você irá se aprofundar no mundo do React e Typescript, e desenvolver um projeto completo. Irá utilizar a Fetch API para criar requisições HTTP e bibliotecas de componentes como Styled-Components, MUI e Recharts, como também MobX para gestão de estados, desenvolvendo o fluxo de login para a sua aplicação.

    • Curso React com Typescript: desenvolvendo uma área administrativa

      08h
      • Construa um projeto com React e Typescript.
      • Desenvolva componentes estilizados com a biblioteca Styled-Components
      • Conheça a biblioteca MUI
      • Crie gráficos com auxílio da biblioteca Recharts
      • Saiba como simular uma API
      • Realize a integração da API com os seus componentes
    • Curso React com Typescript: desenvolva um sistema de cadastro e autenticação

      08h
      • Construa um projeto com React e Typescript
      • Estilize componentes com Styled Components
      • Realize a implantação de componentes como Modal, Stepper, Switch da biblioteca MUI
      • Entenda como construir requisições do tipo POST
      • Conheça a biblioteca de gerenciamento de estados MobX
      • Saiba como fazer rotas privadas com o React-router-dom
    • Artigo Autenticação, autorização e segurança no front-end | Alura

Escola

Front-end

Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...

Conheça a Escola

Comece hoje mesmo os cursos de Desenvolva aplicações Web e Mobile com React e 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, a inteligência artificial da Alura

    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