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