React Hooks na prática | Diego Fernandes

[@esiosalazar]

professor nato, didática perfeita, não tem mais o que ser dito

[@adrielschmitz]

É o primeiro canal que assisto em velocidade reduzida kkkkkkkkk quase sempre é mais rápida. Excelente vídeo, parabens Diego!

[@luciuscarneiro]

Aqui foi no 2x. Ótimo vídeo!

Diego já fala naturalmente na velocidade 2x aushauhsuahs

[@felipemfrudeli]

é impossivel escapar do 2x kkkk

[@jeancastro4310]

Verdade kkk

[@vellerbauer]

Vídeo muito bom. Obrigado por compartilhar. Uma nota construtiva: a tua imagem ocupa a metade da tela e por vezes esconde o código, que eu penso ser o conteúdo principal do vídeo. Talvez um retangulo menor no canto da tela com a tua imagem possa resolver. Abraço.

[@faruquebraimo7176]

Nunca assisti um tutorial com tanta emoção... Foi incrível a sensação

[@cometsands]

Caraca acho que foi a melhor explicação que achei na internet, parabéns

[@DanielZtimhcs]

16:14 Voce pode utilizar arrow function sim, só esqueceu do const... const handleFavorite = id => { .......... }

[@gavranhas]

Valeu, Diego! Dois anos depois continua ajudando. E muito! Sua explicação é clara e objetiva. Obrigado.

[@rodolfobarretoweb]

Cara a sua didática é impressionante! Parabéns

[@nickgabrielhi4718]

Excelente didática Diego você é fera demais.

[@rafaelgpontes]

É simplesmente impressionante a quantidade e qualidade do conteúdo gratuito vocês oferecem no canal. Parabéns!!!

[@rsoaresmga]

Video top demais, nao sei como alguem tem coragem de descurtir um videos desses!

[@rocketseat]

Curtiu, Rodrigo? Que show! Valeu demais pleo feedback! 💜 😍

[@dicodidiraja]

Aprendi Redux por causa de você e agora, aprendi Hooks por sua causa também. Obrigado xará, gosto muito da sua didática.

[@dudaholt]

Vídeo perfeito, fiquei 2 anos sem desenvolver em React e to precisando me atualizar com os novos conceitos, amei!!!!

[@kelvyncarvalho]

Aula ótima, vendo aqui 4 anos depois rs

[@PauloVitor-le6dz]

Parbéns pelo conteúdo, ajudou demais na introdução!!

[@kelvinflorestadeandrade2913]

Achei que ficou impecável, eu sou bem crítico quanto a vídeos do tipo, mas vc foi fenomenal. Meus parabéns

[@izdann]

Primeiro video tutorial que assito em velocidade normal hahahaha excelente, e muito obrigado por compartilhar seu conhecimento

[@kennyaires7131]

Incrível a simplicidade que explica conteúdos completos. Obrigado mais uma vez!

[@christianferreira3463]

Nunca tinha pensado nisso, 20:12, !repo.favorite retornar true se false e false se true 😅😅😅. Eu teria feito duas condições dentro da condição. Vivendo e aprendendo...

[@rocketseat]

Hahaha então.. 😍

[@lofi4devs]

Cara sem palavras para vocês, video que mastiga totalmente o conteúdo, Rocketseat

[@rocketseat]

Valeeeu Bruno!! 💜😍

[@umcarainteressante3346]

Muito foooooda, direto ao ponto e sem enrolação, gostei muito ja dei subscribe

[@rocketseat]

Wooow! Que massa que curtiu! Valeu demais pelo subscribe! 💜 🚀

[@lucasjuan14]

Didática impecável, parabéns e mt obrigado Diego

[@ricardoabreum]

Gostei muito da forma direta e simples de como explicar hooks.

[@marcuspo]

Direto e reto. Perfeita didática

[@williamroger9375]

Muito obrigado por mais um excelente vídeo Diego, comecei estudar React recentemente menos de um mês e já me sinto privilegiado por chegar agora que existem os Hooks dei uma olhada em como funcionava as coisas antes e realmente é uma diferença gigantesca. #FalaDev

[@rocketseat]

Vaaaleu pelo feedback, William! 💜

[@sergio201083]

Parabens pela didatica. Video muito bom e bem explicativo.

[@ribeirobr1]

Parabéns pela clareza e objetividade do conteúdo. Se possível gostaria de ver uma demonstração de como os hooks trocam informações entre componentes pai-filho/filho-pai.

[@danilosampaio1756]

Mil likes merece. Agora sim estou entendo o useState e useEffects

[@DrumsPlsFab]

Cara, sua didática é impecável, parabéns!! Ótimo vídeo! :)

[@rocketseat]

Diego é fera!! Ele tem um dom, né!? Valeeeu! 💜 😍

[@erkitaLove]

Sensacional irmão! muito massa, extremamente bem explicado e super dinâmico, até para os iniciantes, como eu. Muito obrigada!

[@arglas3004]

Carai Diegão, manda muito na didática e no domínio do conteúdo, deixa mto produtor de conteúdo ai anos luz pra trás. Forte abraço e mantenha sempre esse ótimo trabalho!! Assisti aos vídeos da skylab da rocketseat sobre js, es6, node e react e cara vc manda muito bem. É difícil de acreditar como consegue passar tanto conteúdo em tão pouco tempo! Parabéns fera, manda muito!

[@wagnertanaka1592]

Arigatou pelo video Diego, ajudou bastante a entender melhor os hooks.

[@rocketseat]

Que massa Wagner! Valeeeu pelo feedback! 💜

[@GabrielAurus]

Muito show o vídeo, Diego! Bem simples para ensinar como usar os Hooks!

[@alissonoliveira0777]

Parabéns! Ótima didática !

[@rocketseat]

Valeeeu, Alisson! Didática do Diego é incrível demais, né!? 💜 😍

[@natanaelcaetano8712]

Muito boa as suas aulas amigo! parabéns e obrigado!

[@annyg3411]

Que didática meus amigos que didática!

[@luancampos5186]

Noosa Diego gostei de mais... muito top.... Parabéns

[@marllo64]

Aula muito boa!

[@josiclerlemesilva4062]

Vídeo muito bom eu aprendi muito com sua explicação

[@felipernegro]

Cara, seus vídeos são sensacionais. Sou totalmente de backend e tenho consigo e me animado a aprender React através de seu conteúdo, tando aqui no YT como no site da Rocketseat. Mas tenho uma dúvida, onde encontro mais cursos sobre React com vc explicando? Sua didatica é mto boa! Vlw e grande abraço!!

[@devlopes102]

Conteúdo muito bom aprendi muito sobre o Hooks obrigado por compartilhar.

[@rocketseat]

Valeeeu pelo feedback, André! 💜

[@pedroneto8461]

esse aqui sabe programar de verdade, muitos ai so criam videos pre feitos e nao sabem nem oq e um parametro

[@rogeriomq]

Atualmente não é indicado que a função do hook useEffect(O primeiro parâmetro) seja Async, no caso é necessário criar uma função async internamente e realizar a chamada logo em seguida.

[@uaiLeleu]

useEffect(() => { async function getRepositories(){ const response = await fetch('api.github.com/users/diego3g/repos'); const data = await response.json(); setRepositories(data); } getRepositories(); }, []); dessa maneira pra ser mais exato :3

[@negasuja]

​@@uaiLeleu Home, se eu coloco o repositories dentro do array ele atualiza infinitamente, enquanto se eu não coloco ele me dá o seguinte erro: React Hook useEffect has missing dependencies: 'repositories'. Either include them or remove the dependency array react-hooks/exhaustive-deps qq eu faço? D:

[@JoseHenrique-xg1lp]

@@uaiLeleu quando abre o console, ele ja dá um warning sugerindo essa alteração

[@maylataianeteixeira5033]

@@negasuja kzbin.info/www/bejne/oH66f4GJrZKgmbc

[@podcastsbrcortes5621]

@@uaiLeleu Pq não é indicado?

[@GuilhermeCsorgo]

Aulona! Parabéns pela didática.

[@rocketseat]

Que bom que curtiu! Valeeu pelo feedback, Guilherme! 💜

[@RaulMartinslima]

que conteúdo fooooda!!!! vlw Diego vc é um monstro ensinando.

[@tarcisiopaisdesouzajunior5854]

Ótimo vídeo! Sensacional.

[@rocketseat]

Valeu demais, Tarcisio! 💜

[@PorqueEconomia]

Que aula top man, parabéns! Porém gostaria que a aula ocupasse mais espaço na tela kk (por mais que vc seja mto bonito). Poderia seguir aquele modelo de cam que é só um quadrado pequeno no canto da tela, ficaria melhor.

[@xfiremastervfootball5984]

Sensacional Diego 👏🏽 MUITO obrigado!

[@bernardob2010]

Se é loko.... manja demais.

[@willmartinsmg]

Muito bom! Melhor vídeo falando sobre hooks!

[@jonnhythunder451]

cara vc é fodástico...

[@sostenesapollo]

Cara, isso é lindo.

[@rocketseat]

Lindão, né? 💜 Valeu, Sostenes! 💜

[@danielribeiro5784]

Que bom, agora eu sei as coordenadas onde o Diego grava os vídeos dele kkkk

[@ruyvictor8432]

Não era só eu que pensava nisso 😂

[@naeliio]

Que qualidade de video, muito bom.

[@pablohenrique2537]

Tu é um gênio!

[@KevinMadalossoVeiga]

parabéns pelo vídeo, muito bem explicado, um dos melhores vídeos que já vi sobre o assunto

[@hileoandersson3889]

Conteúdo incrível. Parabéns galera da Rocketseat.

[@hugorafaelmc]

Conteúdo sensacional! Parabéns Diego!

[@maujor1]

Muito bom. Perfeito sob todos os aspectos. Parabéns Diego.

[@rafaelinacio7148]

Ótima explicação

[@pedrodev99]

Didática impecável! Se possível, poderia nos ajudar com um vídeo usando o useReducer! \o

[@wandersonsousa1891]

xonei nesses hooks

[@rocketseat]

São incríveis, né, Wanderson? 💜 🚀

[@emersondossantos2126]

Muito bom o conteúdo!

[@fraternidadeaustriaca2625]

Video maravilhoso, tu me esclareceu demais cara, obrigado!

[@ozeas6881]

Fala Diego, parabéns pelo material, realmente uma das melhores explicações sobre hooks....like garantido!!!

[@principe.borodin]

Excelente, eu gostaria q mostrasse todo os hooks, mas mostrar como usar mais de m tb ficou show de bola, pq sanou outra duvida,

[@TotaRenan]

Muito top a aula!!! Explicação excelente! (Eu ainda não tinha entendido o primeiro parâmetro do useState)

[@aldemirgomes9722]

Muito bom o vídeo, ficou bem claro com usar, parabéns!

[@andersondossantoscruz3685]

react-redux-hook até agora, só pra brincar, acho que é a melhor lib pra usar com hooks, mas como eles mesmo dizem: "we don't recommend replacing react-redux just yet." Sobre render props e HOCs o próprio facebook diz que ainda há espaço, apesar de hooks atenderem a grande maioria dos casos.

[@matheus8679]

Só corrigindo uma coisa no minuto 14:30, o useEffect sempre executa após uma renderização e a dependência limita a sua execução para quando uma variável específica é alterada.

[@andrejunqueira4919]

Parabéns pelo conteúdo, muita qualidade como sempre !

[@wictortec5627]

Cara eu achei esse vídeo sensacional. Parabéns aí pelo esforço. Eu até me inscrevi na plataforma de vocês hehe. Tmj 👊

[@rocketseat]

Wooow! Valeu demais pelo reconhecimento e seja muito bem vindo! 💜 🚀 Integra seu Discord pra entrar na nossa comunidade... 👀 Pessoal lá é incrível! 😍

[@alejandrogonzaleznavarro2934]

Conteúdo top!!

[@ariel_alves_dutra]

Grande vídeo! Valeu!

[@leandrorezende3567]

Muito bom parabéns! Obrigado

[@claudiolebron2082]

Top demais!!!

[@tiagocunhafernandes6607]

Muito bom Diego, valeu!

[@MrMarcusedu]

Parabéns meu amigo! Ótimo conteúdo e ótimo material!

[@zanderbrasil]

Muito bom o conteúdo. Parabéns!!

[@axsilvasousa]

tava aguardando esse video \o/

[@Gabriel-kl6bt]

Fantástica introdução. Muito mais clara do que tentar ler na documentação oficial. Lendo lá não entendi bosta nenhuma.

[@holderdesdeozero1511]

conteúdo show. Valeu jovem!

[@thimor]

voce tem um video mostrando como funciona o compartilhamento de estado entre componentes usando o hooks?

[@venancio_avila]

Muito bom, cara!!

[@choliveira84]

Que aula!

[@SchettinoRafael]

Muito bom o vídeo! Excelente didática. Seguindo o canal e ativando notificações .

[@veiguizz]

8:47 GRAÇAS ao ~ pausa profunda ~ *javascript* muito bom esse conteúdo

[@junangameplays3271]

quando achei q tava conseguindo aprender this.state, setState e estas coisas eles mudam tudo =( kkk mas bora aprender este novo metodo que parece ser mto mais facil

[@showtimebrbr]

Diego mito.

[@kalanzans]

Grato amigo! Sensacional didática! :^)

[@iury664]

a questão da handleFavorite ter dado errado com arrow function é pq ele não usou const antes do nome, não que não podia usar arrow Function. Ali nos 16:10 segundos.

[@andrebozzato]

que video top!

[@rocketseat]

Que bom que curtiu, André! 💜

[@padrin5998]

Boa noite cara, seria legal um vídeo explicando melhor como o console ou qualquer ferramenta do F12 pode nos ajudar.

[@BearkFearGamer]

Bem explicado entretanto para marcar o repositório como favorito não seria mais interessante usar o Array,find()?

[@fernandoleao110]

A questao da coordernadas... vc tem que usar promisses. Pois vc tem que aguardar a resposta do usuario se ele autoriza dar a localizacao ou nao.

[@MrKiraBR]

Foda cara!

[@rocketseat]

Vaaaleu! 💜💜

[@lucasateixeira]

Muito bom.. Ótima explicação! Uma dúvida, qual problema de trocar as functions por arrow function? Por exemplo ao invés de " function handleFavorite(){} " ser " const handleFavorite = () => {} "

[@iagobruno6539]

Não tem problema nenhum. Nos componentes de função, esses dois exemplos que você citou são equivalentes.

[@lucasateixeira]

@@iagobruno6539 Show!! Obrigado

[@michaelronald5728]

Gente, alguém sabe qual o tema que o Diego usa no VS Code? Achei muito legal.

[@murillomfs]

Bom demais os conteúdos. Sou desenvolvedor web há 10 anos e agora estou querendo migrar todos meus conhecimentos pra omnistack. Então tem sido muito legal ver diferentes formas de aplicação. Ainda não me arrisquei em nada prático, mas a cada vídeo estou ficando mais confiante das escolhas de libs e decisões que devo tomar para as minhas aplicações. Pergunta rápida: Seria “saudável” eu ter um site construído utilizando Create-react-app, Next.js, Express, Redux, Hooks, ESlint e Styled-components? Levando em consideração indexação e desempenho da aplicação. Valeu Diego. Abraço.

[@robsontavares1]

Olá amigo, sou iniciante, oq seria "omnistack"? Lembrando que eu vou pesquisar agora no google mas queria um feedback mais próximo. Valeu!!!

[@murillomfs]

@@robsontavares1 Fala Robson! Oministack é o grupo de tecnologias que engloba o React js, Node.js e o React Native. É uma forma de desenvolver pra todas as plataformas utilizando a linguagem de Javascript como base. O pessoal da Rocketseat tem vários cursos free que te ensinam cada um desses processos no site deles. Dá uma olhadinha lá também, certeza que vai aprender bastante.

[@robsontavares1]

@@murillomfs Opa Murillo, obrigado.

[@Djairsoaresdjhanlj]

Muito bom!