O que você aprenderá_

Aprenda a criar class components dentro do React
Saiba como passar informações entre os componentes
Entenda como o "this" funciona dentro do Javascript
Crie Sites com mais facilidade
Conheça como o React funciona para otimizar seus sites

Público alvo_

Pessoas que já tem conhecimentos básicos de JS e querem aprender como fazer layout com o React.

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.

Curso atualizado em 18/09/2025

Já estuda na Alura?

Comece o curso agora

Ementa

Create-React-App
- Criando o projeto com pacotes do NPX
- O que é o NPM e o NPX
- Conhecendo a estrutura do projeto.
React e seus Componentes
- Criando componentes
- O que é o JSX
- Facilidade de lidar com componentes
Estilos e CSS
- Estilizando componentes
- Como importar o CSS
- Lidando com conflitos de Nome
Eventos e Propriedades
- Como o "this" se comporta
- Utilizando a função "bind"
- Propriedades dos componentes
- Injeção de dependências
Controlando o estado e a renderização
- O que é o State
- O que acontece quando alteramos o estado de um componente
- Renderização em cascata
- Atribuindo valores com o "setState"

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola

Cursos relacionados em React

curso

React

Function Components, uma abordagem moderna

Front-end

curso

React

Hooks, Contextos e boas práticas

Front-end

curso

React:

O que você aprenderá_