formação_

Formação React JS

Crie aplicações web modernas com React!

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

Para conclusão

9
Cursos
7
Vídeos extras
4
Podcasts
3
Artigos

Assista o vídeo

veja nossa apresentação da Formação e uma Alura Live sobre a Carreira em Front-end

Formação React

O React é uma biblioteca da linguagem JavaScript e uma das formas mais modernas para a criação de aplicações web. Ela trabalha de forma declarativa, eficiente e flexível, possibilitando a criação de interações complexas.

Antes de mergulhar no mundo React, é importante ter uma base sólida em HTML, CSS e JavaScript. Conhecer Git e versionamento de código também será muito valioso para aproveitar essa imersão.

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

Professores especializados Front-end

Com quem você vai aprender

  • Ricardo Bugan Debs

    Ricardo é designer de jogos, programador e instrutor. Trabalha desenvolvendo jogos desde 2012 e está sempre em busca de novas quests. Como instrutor, vê jogos como mundos interativos onde as pessoas entram para aprender.

  • Ricardo Bugan Debs

    Ricardo é designer de jogos, programador e instrutor. Trabalha desenvolvendo jogos desde 2012 e está sempre em busca de novas quests. Como instrutor, vê jogos como mundos interativos onde as pessoas entram para aprender.

  • Elaine Mattos

  • Elaine Mattos

  • Eduarda Scharnhorst

    Recifense, mas me aventurando por São Paulo há 2 anos. Sou Software Engineer, especializada em frontend, e trabalho com web desde 2016, quando me apaixonei por desenvolvimento e decidir migrar de administração para computação. No instagram, compartilho conteúdo de tecnologia para quem tá começando na área.

  • Eduarda Scharnhorst

    Recifense, mas me aventurando por São Paulo há 2 anos. Sou Software Engineer, especializada em frontend, e trabalho com web desde 2016, quando me apaixonei por desenvolvimento e decidir migrar de administração para computação. No instagram, compartilho conteúdo de tecnologia para quem tá começando na área.

  • Felipe Nascimento

    Desenvolvedor e instrutor na Alura com foco em JavaScript.

  • Felipe Nascimento

    Desenvolvedor e instrutor na Alura com foco em JavaScript.

  • Juliana Negreiros

    Instrutora e Coordenadora Front End

  • Juliana Negreiros

    Instrutora e Coordenadora Front End

  • Mario Souto

    Vivo no 220v, sempre atrás de um filme/rolê novo e codando desafios aleatórios em JavaScript. Adoro fazer sites e falar/dar aulas sobre isso na @caelum e @alura

  • Mario Souto

    Vivo no 220v, sempre atrás de um filme/rolê novo e codando desafios aleatórios em JavaScript. Adoro fazer sites e falar/dar aulas sobre isso na @caelum e @alura

Passo a passo

  1. 1 Programar com JavaScript Orientado a Objetos

    Em aplicações que estão em desenvolvimento há mais tempo, é possível que você encontre projetos React baseados em classes, por isso é muito importante você saber o paradigma da Orientação a Objetos.

    Esse paradigma nos ajuda a organizar nosso código, facilitando a manutenção e legibilidade dele, o que é muito importante dentro de um time, independente do tamanho do projeto.

  2. 2 Lidar com class components

    Agora vamos entender como a biblioteca controla seus componentes e como faremos para não termos problemas de performance ou trabalho desnecessário. Aprender a usar as ferramentas complementares vai tornar tudo mais simples.

    Com uma base sólida de conhecimento, podemos começar nossa imersão no mundo do React. Nesse primeiro momento, iremos seguir com uma abordagem tradicional, criando componentes baseados em classes e aprendendo os principais conceitos da biblioteca.

  3. 3 Utilizar uma abordagem moderna

    Vimos como usar a Orientação a Objetos dentro do contexto do React e como e os principais conceitos dessa ferramenta. Mas se quisermos começar um projeto novo hoje, utilizando tudo que a biblioteca tem, será que essa é a única possibilidade?

    Nas últimas versões, a recomendação da documentação é para usarmos os function components, uma forma mais simples de se trabalhar e que facilita o compartilhamento de código. Junto com esses novos tipos de componente veremos os hooks e o que é a context API.

    E como funciona o ecossistema React? Que outras ferramentas podemos usar junto com ele?

    Começaremos a explorar esse ecossistema com o MaterialUI, uma ferramenta que nos ajuda muito na prototipação de ideias e que acelera a criação do layout com o React.

  4. 4 Conhecer o Ecossistema

    Já vimos a base de como o React funciona e entendemos a fundo onde a biblioteca do Facebook atua na criação de sites. Vamos aprender agora sobre ferramentas auxiliares, que facilitam muito nossa vida na hora de criar sites complexos, executar testes automatizados e extrais nosso CSS de forma que não tenhamos conflito entre componentes.

nossos alunos e alunas

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

Conteúdo complexo porém consegui entender o que foi passado! muito bom

JavaScript: Interfaces e Herança em Orientação a Objetos

Caio Niwton Almeida Dias

Explicação clara e direta ao ponto. Mostra como fazer a configuração "padrão" e depois as vantagens de utilizar o State e props de maneira correta.

React: Entendendo como a biblioteca funciona

Diego Ferreira

Muito bom o curso para o nível introdutório. Acho que alcançou o nível de profundidade correto. Gostaria que o player tivesse atalhos de preferência similares ao do YouTube (k - play/pause, f - fullscreen, <> - velocidade de reprodução, setas - avançar e retroceder).

JavaScript: Programando a Orientação a Objetos

Matheus Alves Nunes

Comece hoje mesmo os cursos de React JS. Matricule-se agora!

Plus

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programaçã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.

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

12X
R$85
à vista R$1.020
Matricule-se

Pro

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programaçã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.

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

12X
R$120
à vista R$1.440
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