Curso de React Para Completos Iniciantes

🔥 Neste curso ensinarei para você TUDO o que você precisa saber para adquirir uma base sólida no REACT, uma das tecnologias front-end mais populares atualmente!

Conheça o React PRO, meu treinamento completo de React e domine-o mesmo que do zero!

CÓDIGO FINALIZADO DO CURSO:

PARTICIPE DA NOSSA COMUNIDADE NO DISCORD:

SIGA-NOS NO INSTAGRAM:

RECEBA DICAS NO TELEGRAM:

--------------------------

ASSISTA AOS MELHORES VÍDEOS DO CANAL:

▸ COMO CONSEGUI UM EMPREGO COMO PROGRAMADOR SEM FACULDADE E SEM EXPERIÊNCIA (Passo a Passo)

▸CRIE UM CLONE DO TINDER COM HTML & CSS

▸CRIE UM CLONE DO SPOTIFY COM HTML & CSS

▸CURSO DE HTML PARA COMPLETOS INICIANTES

▸CURSO DE CSS PARA COMPLETOS INICIANTES

--------------------------

REDES SOCIAIS

ÍNDICE:
00:00 - Introdução
01:17 - O que é o React?
02:07 - Conceito de componentes
04:10 - O que você precisa saber para assistir este curso
04:58 - Criação do projeto
06:07 - create-react-app
07:40 - Entendendo um projeto React
11:05 - Criação do nosso primeiro componente
12:11 - JSX
12:50 - Organizando o projeto
14:16 - Início da construção do To Do List
16:19 - Entendendo state
21:47 - Criação do componente que exibe as tarefas
22:53 - Entendendo props
26:10 - Criação do componente que exibe uma tarefa
30:25 - Adição de uma tarefa
35:01 - Criação do componente Button
41:11 - Adição de uma tarefa
51:20 - Conclusão de uma tarefa
58:07 - Deleção de uma tarefa
01:02:55 - Colocando os ícones
01:04:20 - Criação do componente Header
01:05:40 - Detalhes de uma tarefa
01:07:12 - Entendendo páginas no React
01:09:16 - Configurando o react-router-dom
01:12:36 - Criação do componente Task Details
01:15:44 - Parâmetros na URL
01:19:34 - Estilizando o Task Details
01:21:22 - Lidando com click na tarefa (Task Details)
01:26:35 - Chamando uma API de tarefas
01:27:48 - Entendendo useEffect
01:31:35 - Armazenando as tarefas da API
01:32:44 - Corrigindo o componente Task
01:33:41 - Componentes funcionais vs componentes de classe
01:35:19 - Criando um componente de classe
01:40:15 - Entendendo keys em listas
01:42:07 - Conclusão

[dicasparadevs]

aviso MUITO IMPORTANTE:

Desde a gravação deste curso, o react-router-dom atualizou sua versão para a V6, o que mudou algumas coisinhas, e muitos alunos estão relatando erros ao utilizá-lo.

Portanto, na hora de instalá-lo no projeto, utilize o seguinte comando:

Assim, vocês usarão exatamente a mesma versão que usei no curso (a V5).

Abraços!

[deivideguilherme]

Já faz um tempo que postou esse vídeo, mas tive a oportunidade de vê-lo somente hoje, e que bom que cheguei até seu vídeo. Didática espetacular! Já sabia algumas poucas coisas do react, mas vendo seu vídeo agregou demais. Obrigado por compartilhar seu conhecimento conosco. Sucesso

[johnwesley]

Aula muito boa até onde vi, o problema é que chegou em um momento em que os nomes atrapalharam demais. "Tasks", "tasks", "Task", "Task.js", "Tasks.js", aí eu perdia mais tempo tentando saber como era a escrita e em qual local colocar do que em analisar o código em si e entender. Acho que se mudasse isso ficaria perfeito.

[camzieee]

Felipe, tenho TDAH e sofro muito para estudar programação, estou tendo uma evolução bem lenta no trabalho e estava bem desanimada com tudo.
Hoje decidi procurar um curso de React para tentar aprender algo novo pra ver se me interesso mais em estudar (atualmente estou trabalhando em um projeto com AngularJS e isso tem me deixado bem desmotivada).
Achei esse seu curso por acaso e vou te contar, consegui assistir o vídeo completo tendo apenas alguns minutos de distração.
A forma como você conversa com a gente como se estivessemos em uma call descontraída me cativou total e me ajudou muito a manter o foco no aprendizado.
Nunca havia mexido com React antes e estou muito feliz com o tanto que aprendi.
Já me inscrevi no canal e por favor continue com esse conteúdo maravilhoso.
Com certeza irei acompanhar os outros vídeos.
Abraço e minha imensa gratidão pela passagem de conhecimento, você está sendo luz para muitas pessoas! 🌹

[UmaVertice]

Algumas alterações de atualização que tiveram impacto nessa aula (que eu percebi kk)
o react-router-dom atualizou, e mudou que:
Você não pode criar um Route sem estar dentro de um <Routes>, pois a Route se tornou filha necessáriamente.
O useHistory foi substituído para useNavigate, então no momento que você coloca o history.push(`${taskTitle}`), pode simplesmente colocar history (caso você não mude a const, apenas de useHistory() para useNavigate() em const History)
Para voltar na página, você pode colocar (caso ainda esteja usando tipo const history = useNavigate(), você pode escrever history(-1) para voltar a página. Mas recomendo que mude esse history para navigate)

[IsaLps]

Muito bom! Vou começar um novo trabalho como dev front-end semana que vem e o seu vídeo me ajudou bastante, obrigada :D

[vagnerazevedo]

Rapaz... Você merece ser aplaudido de pé por postar essa aula de React.
Sua didática foi excelente e explicou de uma forma bem simplificada e fácil.
Sou iniciante no React e já conhecia alguns conceitos, mas esse vídeo ajudou muito a "clarear" alguns pontos em que eu tinha dúvidas.

Muito obrigado pelo vídeo e se possível poste mais conteúdo de React, que está nos ajudando muito.
Sucesso ao canal.
Ganhou mais um inscrito.

[jamn]

Lega, gostei. like ... mas os nomes task, tasks, Tasks poderiam ser diferentes para não confundir

[simeoneholanda]

Curso fantástico comecei sem saber de nada do react e sai entendendo muita coisa, parabéns!!!

[priicardo]

Mano, teu conteúdo é insano. Já comprei cursos que não ensinam metade do que tu passou nesse curso. Valeu

[tbvinicius]

Cara, sensacional a tua didática. O teu astral é tal legal que nem parece que estamos em uma aula, parece que estamos em um ambiente descontraído, sei lá uma mesa de um bar tomando uma ceva e tu está ensinando. A gente vem aqui assisti uma hora e quarente de vídeo e nem vê o tempo passar kkk. Mais uma vez parabéns.

[sushinectar]

Cara, vi o mesmo projeto em diversos cursos ensinando. Você foi o único que eu consegui entender sobre ReactJS. Parabéns, continue com o trabalho fantástico!

[caiquecarvalho]

Nossa ver você fazendo o projeto dá pra ter noção do quão útil é essa ferramenta. Dá mais noção pra quem tá iniciando do porquê usá-la. Parabéns!

[raiffemouraa]

Obrigado felipao, seus vídeos tem me ajudado muito e com certeza milhares de pessoas!! Estou na mudança de carreira, estudando programação e quando tenho duvida de algum assunto já venho certo no seu canal pra esclarecer, pois sua didática é muito boa, conteúdos complicados você explica de uma forma simples!!

[joaopedrooliveira]

Quando chegou próximo aos minutos 30, 30 e poucos eu comecei a achar muito confuso porque tinham 3 ou 4 elementos com um nome muito parecido - Task ou tasks. Mas fui paciente e deu pra absorver legal o conhecimento. Muito obrigado pelo conhecimento compartilhado conosco!

[amauryribeiro]

Cara muito obrigado pelo video, se quer uma dica construtiva pro canal, tente aumentar o volume do video usando algum software iria ajudar mt, porque está bem baixo e minha caixinha ficou no talo, de resto mt bom, bem explicativo!!

[alanmarchetti]

Um vídeo desses merecia o triplo de visualizações.. Parabéns pela iniciativa, pela aula e oferecer conhecimento de qualidade. Muito top

[simonebaker]

Eu segui seu tutorial passo-a-passo no VSCode e aprendi várias dicas, muito obrigada!

[adriel.alves]

Agradecer pelo conhecimento passado, sou bem iniciante e aos poucos tô conseguindo pegar. Destaque para o formato da aula, objetiva, prática e comunicação super natural. Sucesso!

[tbass.p]

muito bom, meu proximo projeto quero iniciar pelo front end com react, o backend faço com laravel depois, pena q estou com um projeto já em andamento e terminando o front end, se não teria usado o react... ganhou mais um inscrito...