Curso React: Direto ao Ponto

O caminho certo para aprender React

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

Mercado
aquecido

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

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

1

Módulo 1

Introdução

Aula 1: Introdução à React

2

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)

3

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"

4

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

Fundamentos III - Projeto Gerador de Senhas

5

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

6

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

7

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

8

Módulo 8

Otimização e performance

Aula 1: Memoization

Aula 2: React.memo

Aula 3: useCallback e Shallow comparison

Aula 4: useMemo

9

Módulo 9

useRef

Aula 1: Usando useRef para focar em um elemento

Aula 2: Usando useRef com o ID do setInterval

10

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

11

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

12

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)

13

Módulo 13

Conclusão do curso

Aula 1: Conclusão do curso

Conheça o
Lucas Caton

Sou programador há mais de 18 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 2370 alunos, desde iniciantes até avançados, ajudando diversos deles a se tornarem reconhecidos e conquistarem seu espaço na área de desenvolvimento de web.

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

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

Eu não conhecia nada sobre React, um amigo meu me indicou o curso e gostei muito. Já tenho algumas ideias e sei que aplicando o que foi ensinado, terei bons resultados. Agradeço pelo tempo e disposição para responder minhas dúvidas professor, muito obrigado mesmo! Abraço!

Angelo Telêmaco

Primeiro o óbvio: o Lucas entende MUITO do assunto. Segundo, ele explica de uma forma que não tem como não aprender, ele é extremamente didático, os exemplos são claros. Terceiro: eu já fiz um monte de cursos em inglês e esse curso não deve nada a eles. Se você tem algum preconceito porque o curso é em português, pode esquecer, o curso é realmente muito bom.

Fabio Henrique Santos

Acesso vitalício

de ~~R$ 497~~

por apenas

R$

297

,00

Fazer minha inscrição

Satisfação garantida

ou seu dinheiro de volta!

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?