68h

Para conclusão

7
Cursos
3
Vídeos extras
2
Artigos
O que você vai aprender nesta Formação?

Mergulhe em React com Javascript

React é um framework JavaScript utilizado para o desenvolvimento de interfaces do usuário em páginas web, com foco em criar single page applications (SPAs).

Por sua facilidade, flexibilidade e escalabilidade, é muito utilizado para criar aplicações complexas que precisam ser atualizadas em tempo real.

Nesta formação, você vai percorrer uma jornada do Curso React: desenvolvendo com JavaScript ao Curso React: migrando para TypeScript e aprender o passo a passo para desenvolver aplicações do zero até o deploy.

Ao longo dos conteúdos, você vai mergulhar em temas como: implementação de componentes reativos, roteamento da aplicação em React Router, diferenças entre trabalhar utilizando JavaScript e TypeScript, e muitos outros.

É importante ressaltar que, para mergulhos mais profundos nesta formação, é aconselhável já ter uma base de conhecimento em desenvolvimento web. Por isso, sugerimos que você conclua também as Formações de HTML e CSS e JavaScript para Front-end.

E aí, bora mergulhar?

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?

  • Paulo Silveira

    Paulo Silveira é CEO e cofundador da Alura. Bacharel e mestre em Ciência da Computação pela USP, teve sua carreira de formação em PHP, Java e nas maratonas de programação. Criou o Guj.com.br, o podcast do Hipsters.tech e o Like a Boss.

  • Paulo Silveira

    Paulo Silveira é CEO e cofundador da Alura. Bacharel e mestre em Ciência da Computação pela USP, teve sua carreira de formação em PHP, Java e nas maratonas de programação. Criou o Guj.com.br, o podcast do Hipsters.tech e o Like a Boss.

  • Vinicios Neves

    Vinicios é engenheiro de software, envolvido na arquitetura, design e implementação de microsserviços, micro frontends e sistemas distribuídos. Tem experiência significativas em aplicativos, integração e arquitetura corporativa. É Engenheiro de Software pela UNESA e Arquiteto de Software pela PUC Minas.

  • Vinicios Neves

    Vinicios é engenheiro de software, envolvido na arquitetura, design e implementação de microsserviços, micro frontends e sistemas distribuídos. Tem experiência significativas em aplicativos, integração e arquitetura corporativa. É Engenheiro de Software pela UNESA e Arquiteto de Software pela PUC Minas.

  • Luiz Fernando Ribeiro

  • Luiz Fernando Ribeiro

  • Antônio Evaldo

    Instrutor e Desenvolvedor de Software nas escolas de Front-end e de Programação da Alura. Estudei Engenharia Elétrica na Universidade Federal do Piauí. Sou apaixonado por programação e por compartilhar conhecimento de forma encantadora. No tempo livre, assisto séries, filmes e animes.

  • Antônio Evaldo

    Instrutor e Desenvolvedor de Software nas escolas de Front-end e de Programação da Alura. Estudei Engenharia Elétrica na Universidade Federal do Piauí. Sou apaixonado por programação e por compartilhar conhecimento de forma encantadora. No tempo livre, assisto séries, filmes e animes.

  • Neilton Seguins

    Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de Desenvolvedor de Software na Alura e possuo experiência com desenvolvimento usando JavaScript/TypeScript, React js, Next js e Node.js. Amo compartilhar conhecimento, pois acredito que a educação é transformadora e quero mudar a vida de pessoas através da educação assim como consegui mudar de vida. Também amo ouvir e tocar música, ler livros e mangás e assistir séries.

  • Neilton Seguins

    Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de Desenvolvedor de Software na Alura e possuo experiência com desenvolvimento usando JavaScript/TypeScript, React js, Next js e Node.js. Amo compartilhar conhecimento, pois acredito que a educação é transformadora e quero mudar a vida de pessoas através da educação assim como consegui mudar de vida. Também amo ouvir e tocar música, ler livros e mangás e assistir séries.

  • 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 Desenvolva uma aplicação do zero ao deploy

    Neste primeiro momento, vamos mergulhar no Curso React: desenvolvendo com JavaScript e no Curso React: como os componentes funcionam para conhecer as principais vantagens da utilização desse framework JavaScript em projetos Front-end.

    Ao longo das aulas, você vai implementar componentes reativos, investigar e analisar mensagens de erro, modificar componentes de acordo com a necessidade do projeto e criar a sua primeira aplicação do zero até o deploy.

  2. 2 Arquivos estáticos e roteamento

    Nesta segunda fase, você vai mergulhar ainda mais profundamente na interface do usuário e aprender o passo a passo para lidar com arquivos estáticos, além de utilizar métodos JavaScript para adicionar funcionalidades e realizar o deploy de sua aplicação na Vercel.

    Você também vai explorar os hooks do react-router-dom, implementar desafios práticos e desenvolver seu código com base no princípio da responsabilidade única, facilitando a manutenção.

    • Alura+ Hooks do React: useEffect

    • Curso React: desenvolvendo em React Router com JavaScript

      08h
      • Conheça a biblioteca react-router-dom e utilize seus principais recursos
      • Aprenda o que é e por que utilizar uma SPA (Single Page Application)
      • Resolva problemas utilizando rotas aninhadas e rotas dinâmicas
      • Explore os hooks do react-router-dom, como useLocation e useParams
      • Implemente desafios práticos
      • Personalize seu projeto e publique na Vercel
    • Curso React: estilize componentes com Styled Components e manipule arquivos estáticos

      10h
      • Diferencie o Vite do CRA e conheça as vantagens do uso do Styled Components
      • Utilize styled-components para criação de uma NavBar e estilização de um banner
      • Projete e implemente componentes React para exibir imagens e legendas
      • Aplique estilos personalizados e acessíveis para uma galeria de fotos
      • Adicione uma barra lateral de imagens populares e footer
  3. 3 Gestão de estados, prática e migrando para o TypeScript

    Agora que você já tem uma boa bagagem, que tal conhecer alguns tópicos mais avançados? Neste último passo da formação, você vai aprender como lidar com gestão de estados usando a Context API do React. Também irá praticar todos os conceitos aprendidos até agora e desenvolver aplicações.

    Para finalizar sua jornada, no Curso React: migrando para TypeScript, você vai prototipar um plano de migração de JS para TS. Assim, você será capaz de entender, na prática, como trabalhar com React utilizando diferentes linguagens de programação.

    Para encerrar, veja o que a empresa Plurall conseguiu fazer com o React para construir o Front-end da sua aplicação!

    • Alura+ Hooks do React: useReducer

    • Curso React: gerencie estados globalmente com Context API

      08h
      • Identifique os conceitos da Context API no React e sua importância no desenvolvimento de aplicações
      • Aplique a Context API para evitar o 'prop drilling', simplificando o compartilhamento de dados entre componentes
      • Crie seus próprios contextos em projetos React, permitindo o compartilhamento de estados globais, como temas e tokens de acesso
      • Depure e solucione problemas relacionados à Context API, usando ferramentas como o React Context DevTools
      • Combine a Context API com o useReducer para gerenciar estados complexos
    • Curso React: praticando React com Js

      08h
      • Inicie um projeto React
      • Construa componentes e páginas
      • Implemente rotas normais, dinâmicas e aninhadas
      • Aplique os hooks useState, useParams, useEffect e useContext
      • Entenda como funcionam os contextos do React
      • Consuma uma API
      • Realize o deploy do projeto na Vercel
    • Curso React: migrando para TypeScript

      08h
      • Entenda as principais diferenças entre TS e JS
      • Utilize o Intelisense do VSCode
      • Experimente as vantagens do TypeScript
      • Integre componentes React ao TypeScript
      • Prototipe um plano de migração de um projeto JS para TS
    • Site Plurall e a Evolução da Arquitetura Front-End

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 Explore React com JavaScript. Matricule-se agora!

Plus

De
R$ 1.800
por
12X
R$109
à vista R$1.308
  • Acesso a TODOS os cursos por 1 ano

    Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Certificado

    A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.

  • Mentorias com especialistas

    No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.

  • Comunidade exclusiva

    Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.

  • Acesso ao conteúdo das Imersões

    Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.

  • App Android e iOS para estudar onde quiser

    Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.

Matricule-se

Pro

De
R$ 2.400
por
12X
R$149
à vista R$1.788
  • Acesso a TODOS os cursos por 1 ano

    Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Certificado

    A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.

  • Mentorias com especialistas

    No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.

  • Comunidade exclusiva

    Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.

  • Acesso ao conteúdo das Imersões

    Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.

  • App Android e iOS para estudar onde quiser

    Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.

  • Luri, a inteligência artificial da Alura

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

  • Alura Língua - Inglês e Espanhol

    Aprenda um novo idioma e expanda seus horizontes profissionais. Cursos de Inglês, Espanhol e Inglês para Devs, 100% focado em tecnologia.

Matricule-se

Ultra

12X
R$209
à vista R$2.508
  • Acesso a TODOS os cursos por 1 ano

    Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Certificado

    A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.

  • Mentorias com especialistas

    No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.

  • Comunidade exclusiva

    Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.

  • Acesso ao conteúdo das Imersões

    Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.

  • App Android e iOS para estudar onde quiser

    Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.

  • Luri, com mensagens ILIMITADAS

    Mensagens ilimitadas para estudar com a Luri, a IA da Alura, disponível 24hs para tirar suas dúvidas, dar exemplos práticos, corrigir exercícios e impulsionar seus estudos.

  • Luri Vision, a IA que enxerga suas dúvidas

    Envie imagens para a Luri e ela te ajuda a solucionar problemas, identificar erros, esclarecer gráficos, analisar design e muito mais.

  • Alura Língua - Inglês e Espanhol

    Aprenda um novo idioma e expanda seus horizontes profissionais. Cursos de Inglês, Espanhol e Inglês para Devs, 100% focado em tecnologia.

  • 6 Ebooks da Casa do Código

    Escolha os ebooks da Casa do Código, a editora da Alura, que apoiarão a sua jornada de aprendizado para sempre.

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