Curso React: Direto ao Ponto
Logo do curso React Direto ao Ponto

O caminho certo para aprender React

Assista ao vídeo para entender como funciona o curso!

Um curso com a metodologia direto ao ponto!

70 videoaulas. Mais de 11 horas de conteúdo. Vários projetos desenvolvidos. 7 dias de garantia de satisfação. E acesso vitalício!

  • React

    Biblioteca JavaScript criada pela equipe do Facebook para criar interfaces de usuário utilizando componentes. Vamos combinar componentes para criar SPAs (Single-Page Applications) com UIs complexas. Usando um Virtual DOM e uma abordagem declarativa, apenas componentes necessários são renderizados na página, de forma super performática, na medida em que os dados e estados mudam.

  • Hooks

    Vamos aprender como React Hooks, como o useState, useEffect, useReducer, useRef tornam nossos sites e aplicações flexíveis. Veremos também como uma shallow comparison funciona, o que é memoization e como outros Hooks como o useCallback e useMemo deixam tudo mais performático!

  • Next.js

    Você ganhará também um mini-curso sobre o melhor framework para se trabalhar com React atualmente. Veremos um resumo de todas as suas funcionalidades, como criar rotas e páginas estáticas e dinâmicas, ler arquivos JSONs e APIs externas para exibir dados na página e criar redirecionamentos temporários e permantentes. Além disso, utilizaremos módulos como o Next/Head, Next/Link e também o Next/Image. Para fechar com chave de ouro, colocaremos a aplicação no ar, através de um deployment para a Vercel.

  • E mais...

    Usaremos JavaScript moderno (ES 2015+), ou seja, veremos como funciona uma desestruturação, como e quando usar spread operators, criar sub-componentes, repetir componentes através de loops e como e porque o React usa imutabilidade para nos dar alguns benefícios. Também veremos como configurar e usar a extensão React Dev Tools nos navegadores, lidaremos com eventos JS, vamos ler e escrever no Local Storage, consultar e enviar dados para APIs e usar mais um monte de coisas bacanas, como Context API, FormData e CSS Modules!

Módulos e aulas do curso

Módulo 1

Introdução

Aula 1: Introdução à React

Módulo 2

Ambiente de desenvolvimento

Aula 1: Instalação do Node.js & do Yarn

Aula 2: Editor (VS Code) e algumas extensões

Aula 3: React Developer Tools (extensão para navegadores)

Módulo 3

Fundamentos I - Primeiro projeto

Aula 1: Ferramentas

Aula 2: Primeiro projeto e JSX

Aula 3: Fragment

Aula 4: Limpando o projeto

Aula 5: Criando componentes

Aula 6: Importando CSS e imagens

Aula 7: Props (propriedades) & Children

Aula 8: useState - o React Hook para gerenciar estados

Aula 9: Evento "onClick"

Aula 10: Evento "onChange"

Aula 11: Desestruturação

Aula 12: Repetições com map

Aula 13: Atributo especial "key"

Módulo 4

Fundamentos II - Projeto RGB

Aula 1: Criando o projeto RGB

Aula 2: Componente para prever a cor

Aula 3: Spread operator e Imutabilidade

Aula 4: Passando funções como props

Aula 5: Desabilitando elementos

Aula 6: Renderização condicional

Aula 7: Gerando dados aleatórios

Módulo 5

Fundamentos III - Projeto Gerador de Senhas

Aula 1: Criando o projeto Gerador de Senhas

Aula 2: Estilizando a aplicação

Aula 3: useEffect - o React Hook que executa efeitos colaterais

Aula 4: Gerando a senha - parte 1

Aula 5: Gerando a senha - parte 2

Aula 6: Gerando a senha - parte 3

Aula 7: Criando um componente para exibir a senha

Aula 8: Expressões regulares para classificar e colorir a senha

Aula 9: Copiando a senha para a área de transferência

Módulo 6

Context API e localStorage

Aula 1: Introdução à Context API

Aula 2: Criando o projeto Theme Switcher

Aula 3: createContext, Provider e useContext

Aula 4: localStorage

Módulo 7

Fundamentos IV - Projeto Timers

Aula 1: Criando o projeto Timers

Aula 2: CSS Modules

Aula 3: onSubmit e FormData

Aula 4: Atualizações Funcionais

Aula 5: Spread Properties

Aula 6: Fonte personalizada

Aula 7: setInterval e clearInterval

Aula 8: Componente com SVG

Aula 9: Removendo timers

Aula 10: Limpando recursos ao desmontar componentes

Módulo 8

Otimização e performance

Aula 1: Memoization

Aula 2: React.memo

Aula 3: useCallback e Shallow comparison

Aula 4: useMemo

Módulo 9

useRef

Aula 1: Usando useRef para focar em um elemento

Aula 2: Usando useRef com o ID do setInterval

Módulo 10

useReducer

Aula 1: Função "reduce"

Aula 2: Introdução à useReducer

Aula 3: Criando um formulário de login

Aula 4: Implementando com useState

Aula 5: Refatorando com useReducer

Módulo 11

APIs - Consumindo e enviado dados

Aula 1: Buscando usuários na API do GitHub

Aula 2: Consumindo lista de repositórios da API do GitHub

Módulo 12

Mini-curso de Next.js

Aula 1: Introdução ao Next.js

Aula 2: Criando o projeto Pizzaton

Aula 3: Next/Link

Aula 4: Lendo dados de arquivos JSON

Aula 5: Next/Image

Aula 6: Rotas dinâmicas (parte 1)

Aula 7: Rotas dinâmicas (parte 2)

Aula 8: Redirecionamentos

Aula 9: Deployment (colocando seu projeto no ar)

Módulo 13

Conclusão do curso

Aula 1: Conclusão do curso

Mercado
aquecido

Muitas empresas, pequenas e grandes, estão usando e mantendo o ecossistema React:

Logo das empresas que usam React

Conheça o
Lucas Caton

Sou programador há mais de 17 anos. Atuei em diversas empresas de renome na área de desenvolvimento de softwares no Brasil, como Locaweb, Bio Ritmo e Codeminer 42. Hoje moro na Austrália, onde sou Senior Software Engineer na Envato, uma das maiores empresas de marketplace digital do mundo.

Depois de passar por diversos obstáculos para construir minha carreira, decidi ajudar pessoas a evoluirem na área de tecnologia, ensinando o que aprendi durante minha jornada. Já treinei mais de 1900 alunos, desde iniciantes até avançados, ajudando diversos deles a se tornarem reconhecidos e conquistarem seu espaço na área de desenvolvimento de web.

Foto do Lucas Caton

O que nossos alunos
estão dizendo:

Nosso objetivo primário é a evolução e os resultados de nossos alunos. Não é a toa que constantemente recebemos feedback fantásticos como esses abaixo! 💙

Rafael Santos
Excelente curso! A maior parte da minha experiência é com Ruby on Rails e recentemente eu comecei em um emprego novo onde tem bastante React. Me senti perdido no começo e fazer esse curso me ajudou MUITO! Estou bem mais confiante, mais produtivo e tenho certeza que irei mandar bem no emprego novo. Parabéns pelo trabalho! =)

Rafael Santos

Acesso vitalício

de R$ 497

por apenas

R$

297

,00

Satisfação garantida

ou seu dinheiro de volta!

Selo de garantia incondicional

Seu investimento está protegido! Sem riscos ao se inscrever!

Acredito tanto na qualidade do curso React: Direto ao Ponto, que você vai ter 7 dias para assistir as aulas. Se achar que não é para você ou não ficar satisfeito, por qualquer motivo, é só pedir dentro período indicado que eu te devolverei 100% do valor de volta, sem burocracia e sem questionamentos!

Dúvidas frequentes:

O curso é online?

Quais são os pré-requisitos?

Como posso ter certeza se estou preparado para fazer o curso?

Se eu não gostar ou achar que o curso não é para mim, posso cancelar? Preciso justificar o motivo?

Por quanto tempo eu terei acesso ao curso?

O acesso ao curso é imediato?

O curso tem certificado?