React 18 - O que vai mudar no seu dia a dia? - Code/drops #86

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ธ.ค. 2024

ความคิดเห็น • 117

  • @danielvinicius4906
    @danielvinicius4906 3 ปีที่แล้ว +134

    Code Drops de Testes automatizados a fundo, como configurar o Jest, testes unitários e de integração

    • @dieegosf
      @dieegosf 3 ปีที่แล้ว +32

      Vou providenciar!

    • @Bruno87198
      @Bruno87198 3 ปีที่แล้ว +6

      Sim! Precisamos ter mais conteúdo de testes atualmente. Vejo muitos devs sem aplicar (incluso eu...)

  • @gilsonconceicao5201
    @gilsonconceicao5201 2 ปีที่แล้ว +1

    Em março de 2020 quando eu estudei react não era necessário um estado para cada campo do formulário. Bastava um setstate com um objeto. Cda campo do form era associado a um atributo deste objeto.

  • @Felipe-dd8sh
    @Felipe-dd8sh 3 ปีที่แล้ว +15

    Obrigado por mais um conteúdo. Os Code/Drops estão maravilhosos!

    • @dieegosf
      @dieegosf 3 ปีที่แล้ว +2

      Obrigado Felipe!

  • @L3oJr
    @L3oJr 3 ปีที่แล้ว +16

    Só uma coisa que notei na documentação sobre o flushSync é que ele é importado do react-dom, não do react.
    Excelete conteúdo! 👏

    • @dieegosf
      @dieegosf 3 ปีที่แล้ว +6

      Boa, isso mostra que provavelmente é uma API exclusiva da web e não do ecossistema React como um todo ;)

  • @tavareshenrique
    @tavareshenrique 3 ปีที่แล้ว +1

    Obrigado por esse vídeo, Diego!! Mais vídeos como esse, por favor! É sempre necessário!

  • @pablodanilomota
    @pablodanilomota 3 ปีที่แล้ว +5

    que baita vídeo... com certeza essas funcionalidades vão agregar muito e resolver várias dores de cabeça!!
    e Diegão, seria sensacional um vídeo sobre server components e algumas funcionalidades do SSR no react 🚀

  • @Hiagoleof250
    @Hiagoleof250 3 ปีที่แล้ว

    Esse startTransition vai ser show de bola. Adorei

  • @viniciussilva-yu6vp
    @viniciussilva-yu6vp 3 ปีที่แล้ว

    Conteúdo sensacional, já tinha buscado entender melhor sobre as novas API's do React porem não consigo abstrair muita informação de documentação ainda, e o Diego sempre consegue esclarecer da melhor forma, valeu ! e essas novas implementações irá nos ajudar muito!

  • @de-dev-para-dev
    @de-dev-para-dev 3 ปีที่แล้ว +1

    Caraca man, essa atualização vai ser muito monstraaa!!! Vai ajudar em muitos casos de uso!!! Parabéns pela explicação

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Faaaaaala, dev!
      Vai ser massa demais, né? Que bom que curtiu! Valeu demais pelo feedback! 💜

  • @joaoneves1710
    @joaoneves1710 3 ปีที่แล้ว

    eu não paro de me surpreender com a Rocketseat! obrigado pelo conteúdo!

  • @sidneydev
    @sidneydev 3 ปีที่แล้ว +3

    Top o conteúdo Diego!! Se puder trazer esse conteúdo de server components vai ser massa@@@!

    • @dieegosf
      @dieegosf 3 ปีที่แล้ว +1

      Boa, to devendo um conteúdo sobre isso aqui no TH-cam!

  • @joaobonsegno
    @joaobonsegno 3 ปีที่แล้ว +2

    Traz Code/drops explicando melhor useCallback e useMemo, por favor!
    Sei que já há vídeos no canal falando sobre o useCallback e exemplificando-o, mas eu continuo sempre na dúvida de quando usar ou não. Talvez mais conteúdo a respeito disso ajude a clarear a mente sobre quais são os melhores momentos pra se usar :)

  • @sidneijunior86
    @sidneijunior86 3 ปีที่แล้ว +2

    Muito legal, estou pensando em fazer um projeto que será um catálogo, isso vai ajudar já

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Faaaala, Sidnei!
      Woow, sério? Que show!
      Depois conta pra gente a sua experiência! 😉 💜

  • @KevinMadalossoVeiga
    @KevinMadalossoVeiga 3 ปีที่แล้ว

    vídeo sensacional como sempre! parabéns Rocketseat e Diego

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Valeu demais, Kevin! Que massa que curtiu! 💜

  • @leoaguirreux
    @leoaguirreux 3 ปีที่แล้ว +1

    Primeiro vídeo que vejo do canal, acessei o site ontem, tenho conhecimento em HTML e CSS, cheguei a ver JS e PHP em 2016 quando fiz técnico em informática integrado ao ensino médio, mas não coloquei em prática, acabei esquecendo tudo, só lembro do HTML e CSS porque utilizo WordPress com Elementor Pro para fazer meu site. Então queria que desse umas dicas de por onde começar na plataforma.

    • @MultiWar22
      @MultiWar22 3 ปีที่แล้ว

      Vê lá o Discover, provavelmente vai ter algo pra você lá. Ele é gratuito e tem 2 maratonas aplicando os conhecimentos do curso lá no site, mesmo

  • @YgorAmaral96
    @YgorAmaral96 3 ปีที่แล้ว

    Muito boa essa nova funcionalidade, espero q saia logo

  • @vulquimar
    @vulquimar 3 ปีที่แล้ว +5

    Vlw Diego, informações muito relevantes.

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Show de bola! 💜

  • @renatocinttra
    @renatocinttra 3 ปีที่แล้ว +1

    Assim que possível seria muito interessante ter uma explicação sobre o SSR e como essa nova atualização do React vai trabalhar com isso.

  • @SabrinaDias
    @SabrinaDias 3 ปีที่แล้ว

    Eu quero ver o video do server components !!! :)

  • @guilhermejordao7143
    @guilhermejordao7143 3 ปีที่แล้ว

    Conteúdo Interessante! Passei por esse problema, de renderizar várias vezes a mesma coisa, semana passada, confesso que deu um bom trabalho pra contornar isso!Valeu!

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Faaaaaala, Gui!
      Que bom que curtiu! 💜

  • @GabrielRibeiro-gy5hk
    @GabrielRibeiro-gy5hk 3 ปีที่แล้ว

    Vídeo muito bom, com certeza vou tem q utilizar essas novas funcionalidades

  • @olavokruel
    @olavokruel 3 ปีที่แล้ว

    Top como sempre!!! Videos sobre SERVER COMPONENTS seria util demais!!!

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Faaaaala, Olavo!
      Que massa que curtiu! Pode deixar, sugestão anotada! 💜 😉

  • @paulo2011lp
    @paulo2011lp 2 ปีที่แล้ว

    thanks, it actually let me through so i could download it.

  • @carlota.sounds
    @carlota.sounds 3 ปีที่แล้ว +1

    Cara, mandou muito bem! Belas informações! Só fiquei com falta de ar! hahaha de feedback, se puder tentar falar um pouco mais lento, acho que seria legal. De resto, continue compartilhando! Abraço!

  • @arcadan
    @arcadan 3 ปีที่แล้ว +1

    Finalmente um overview da rocketseat sobre novidades do React 18, tava demorando 💪

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      E curtiu o que viu, Daniel? 💜

  • @TheBreno12
    @TheBreno12 3 ปีที่แล้ว

    Bom demais! Conteúdo muito útil. Esperando o vídeo sobre server components

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Faaaaala, Breno! Que massa que curtiu! Sugestão anotada! 💜 🚀

  • @Rafael-vn2bo
    @Rafael-vn2bo 3 ปีที่แล้ว

    Bem bacana

  • @vinihvc
    @vinihvc 3 ปีที่แล้ว +33

    Namore alguém que olha pra você como o Diego olha pro React 18

    • @dieegosf
      @dieegosf 3 ปีที่แล้ว +4

      Hahahaha

    • @romulloqueiroz
      @romulloqueiroz 3 ปีที่แล้ว +2

      Pro Next né. Nunca vi ninguém sorrir tanto ao falar do Next.

  • @mayconbelfort5487
    @mayconbelfort5487 3 ปีที่แล้ว

    Show d+ o vídeo. Seria muito bom ter esse video falando mais sobre o SSR.

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Faaaala, Maycon!
      Que bom que curtiu! Opa, anotei aqui sua sugestão! 💜 😍

  • @tmagrit
    @tmagrit 3 ปีที่แล้ว

    Muito interessante! Tô aprendendo muito com vcs, obrigado!!!

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Que comentário gratificante de ler, Thiago! Ficamos felizes com isso! 💜

  • @kenjimaeda2443
    @kenjimaeda2443 3 ปีที่แล้ว

    Meu eu sofri com isso ,faz pouco tempo,estava consumindo API no React Native e atualizando meus estados,daí acusava erro ,pedindo para retirar usefect,async e por aí vai. Não conseguia resolver sem separar os estados e colocar Usecalback

  • @DioneBatista
    @DioneBatista 3 ปีที่แล้ว

    Nossa, esse automatic Batching vai ser uma mão na roda! Já precisei disso.

  • @nestortonanez4752
    @nestortonanez4752 3 ปีที่แล้ว

    diegão, meu obrigados para vc, conteudo optimo aí

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Faaaala, Nestor!
      Que show que curtiu! 😉 💜

  • @mauriciom8539
    @mauriciom8539 3 ปีที่แล้ว

    boa diegão, amo seus code drops. Nada superfical e bem objetivo

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Faaaala, Mauricio!
      Valeu demais pelo feedback! 😉 💜

  • @cesarfilho9930
    @cesarfilho9930 3 ปีที่แล้ว

    Muito bom. =3

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Que bom que curtiu, Cesar! 💜

  • @matheusjean148
    @matheusjean148 3 ปีที่แล้ว

    A questão de prioridade da barra de busca poderia ser resolvido com um setTimeout antes de realmente alterar o estado, isto antes desta nova API que está pra vir

  • @tiagobizalhi770
    @tiagobizalhi770 3 ปีที่แล้ว

    NLW é um evento que ajuda muitas pessoas a entrar na programação e entender de fato o que é e o que podemos fazer com ela, PORÉM nem todos somos privilegiados com o tempo, alguns como eu trabalha em outra coisa completamente diferente e só tem tempo de domingo, vocês deveriam dar pelo menos 2 semanas para realizar as aulas, isso é injusto só consegue fazer tudo quem tempo, quem não tem tempo perde a chance

  • @Blackstomr
    @Blackstomr 3 ปีที่แล้ว

    O lance do startTransiction é daora, mas já existia uma forma de contornar o problema de lentidão na renderização com o useEffect e useState, mas fora isso ótima atualização do react

  • @itxToledo
    @itxToledo 3 ปีที่แล้ว +3

    faz um code drops mostrando esses atalhos do vscode que voce utiliza

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +2

      Faaaala, dev!
      Opa, anotei aqui! 😉 💜

    • @ExtMoviesBPT
      @ExtMoviesBPT 3 ปีที่แล้ว

      @@rocketseat Por favor!

  • @luanbresolla4240
    @luanbresolla4240 3 ปีที่แล้ว

    A renderização de apenas um estado na context API, já vai estar neste versão ou ainda não terminaram de desenvolver?

  • @luizcarlos1405
    @luizcarlos1405 3 ปีที่แล้ว

    O que ele usa pra gravar a camera assim na frente da tela? Parece OBS e se for como faz isso?

  • @gameselboot8664
    @gameselboot8664 3 ปีที่แล้ว

    @Rocketseat não terminei a nlw6 e não tem como clicar para ver as aulas :/ é possivel liberar essa semana pra quem não conseguiu ver tudo?

    • @MateeusSouza
      @MateeusSouza 3 ปีที่แล้ว

      Eles liberaram as aulas técnicas de todas as trilhas na plataforma. É só se cadastrar na plataforma que consegue ter acesso. rocketseat.com.br/

  • @antonioulundo5765
    @antonioulundo5765 3 ปีที่แล้ว

    assitindo

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Curtiu, Antonio? 🚀

  • @hallexcosta
    @hallexcosta 3 ปีที่แล้ว

    O startTransaction vai vim para o React Native também ou somente para o ReactJS?

  • @sirlucasm
    @sirlucasm 3 ปีที่แล้ว

    mt top

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Que massa que curtiu, Lucas! 💜

  • @gabrieldacunha4802
    @gabrieldacunha4802 3 ปีที่แล้ว +4

    Só eu que assisto os vídeos que o Diego faz na velocidade 1.75?

    • @Chow2323
      @Chow2323 3 ปีที่แล้ว +1

      Você quis dizer 0.75 ne?

    • @laisfrigerio
      @laisfrigerio 3 ปีที่แล้ว

      Assisto 2x hahahaha

  • @thomazcapra5535
    @thomazcapra5535 3 ปีที่แล้ว

    Muito bom o vídeo, alguém poderia ajudar a descobrir o SO que ele tá udando, lembra muito macOS mas to achando que é linux.

  • @Math-cz
    @Math-cz 3 ปีที่แล้ว +6

    Queremos R Native

    • @dieegosf
      @dieegosf 3 ปีที่แล้ว +2

      Teremos React Native e Flutter entrando ao longo das próximas semanas :)

  • @joaquimpagianbarboza8863
    @joaquimpagianbarboza8863 2 ปีที่แล้ว

    Qual a dist do Linux que o Diego usa?

    • @rocketseat
      @rocketseat  2 ปีที่แล้ว

      Faaaaala, Joaquim! Beleza? É o Kubuntu! 💜 🚀

  • @matheusguilherme9803
    @matheusguilherme9803 3 ปีที่แล้ว

    Gostei do vídeo, qual sistema operacional você usa ? Mac os ?

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Faaaala, Matheus!
      O Diego usa o Kubuntu! 😉
      Vou deixar um vídeo aqui da customização: th-cam.com/video/h-FsG-QpgfI/w-d-xo.html 💜 😍

  • @davicoutinho303
    @davicoutinho303 3 ปีที่แล้ว

    finalmente, adeus debounce

  • @thalesedu1372
    @thalesedu1372 3 ปีที่แล้ว

    mais esse assunto netx 11, não seria perigoso o user ter acesso ao back e front da aplicação?

    • @dieegosf
      @dieegosf 3 ปีที่แล้ว +1

      Não, porque esse "back-end" criado pelo Next.js não fica acessível ao usuário final, diferente do código front-end.

  • @phmessias2301
    @phmessias2301 3 ปีที่แล้ว

    Alguém sabe me dizer qual a distro Linux que ele utiliza?

    • @RenatoOliveira-kx6ls
      @RenatoOliveira-kx6ls 3 ปีที่แล้ว

      Parece um KDE com thema

    • @GabrielFreirev
      @GabrielFreirev 3 ปีที่แล้ว

      O Desktop é KDE sim, acredito que distro seja Kubuntu

    • @phmessias2301
      @phmessias2301 3 ปีที่แล้ว

      Show, valeus

    • @thiagoztaaso9784
      @thiagoztaaso9784 3 ปีที่แล้ว

      linux??? o diego não usa um mac?

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Em mãos: th-cam.com/video/h-FsG-QpgfI/w-d-xo.html 💜
      É o Kubuntu! 😉

  • @yroman11
    @yroman11 2 ปีที่แล้ว

    Opa, teu OS é Linux? Se sim, que distro?

  • @leoprevost
    @leoprevost 3 ปีที่แล้ว

    "... Olha a maracutaia na cabeça!" Kkk

  • @caiorosa2671
    @caiorosa2671 2 ปีที่แล้ว

    i love you

  • @ThiagaoVlogs
    @ThiagaoVlogs 3 ปีที่แล้ว

    Traz um vídeo sobre o suspense ae que ta foda... nao consegui utilizar ele da maneira correta ainda kkkk

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Faaaaala, Thiago!
      Opa, sugestão anotada! 💜

  • @claudiogodoy2863
    @claudiogodoy2863 3 ปีที่แล้ว

    Code Drops de Troubleshooting, ta cheio de app cagadas por ai, como analisar um Memory Leak, CPU Usage e afins. Seria muito massa esse tipo de conteúdo aqui. Como analisar um Dump de node.js eu iria virar seu fã!

  • @gigiedada6143
    @gigiedada6143 3 ปีที่แล้ว

    Nlw com Golang por favor

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Sugestão anotada! 😉 💜

  • @sidneiglasman8878
    @sidneiglasman8878 3 ปีที่แล้ว

    javascript no servidor, node no browser, isto até parece um fractal...

  • @loudcoringa5935
    @loudcoringa5935 3 ปีที่แล้ว

    qual esse linux??? me amarrei

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Faaaaala, dev! É o Kubuntu!
      Vou deixar um link com a customização dele aqui, ta bom? 💜
      th-cam.com/video/h-FsG-QpgfI/w-d-xo.html
      Fica lindo demais, né? 😍

  • @danielfeitosa8821
    @danielfeitosa8821 3 ปีที่แล้ว

    {handlerLike}

  • @matheusvilela1637
    @matheusvilela1637 3 ปีที่แล้ว

    Firefox :)

  • @FilipeASantana
    @FilipeASantana 3 ปีที่แล้ว

    React Native parece que fica de lado, demora para atualizar kkk... Expo pior ainda, não está no React 17 até hoje.

    • @dieegosf
      @dieegosf 3 ปีที่แล้ว +1

      React 17 não trouxe nenhuma funcionalidade a mais, mas com certeza irão atualizar para o React 18 com esses updates.

    • @FilipeASantana
      @FilipeASantana 3 ปีที่แล้ว

      @@dieegosf Tomara que quando sair o React 18, o expo atualize rápido para utilizarmos as features novas. Na verdade é frescura minha kkk, eu gostei do React 17 por não ter que importar React em todo componente e queria isso logo para o expo.

  • @PandaTheGFX
    @PandaTheGFX 3 ปีที่แล้ว

    Pera, ele pronunciou o nome dele errado?

  • @pabloaguiar7557
    @pabloaguiar7557 2 ปีที่แล้ว

    Every Producer, DJ, soft Maker and writer will love tNice tutorials feature. Please encourage soft-soft to make tNice tutorials happen. Fingers

  • @anderson.menezes
    @anderson.menezes 3 ปีที่แล้ว

    Que ubunto é esse ?

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      É o Kubuntu customizado, Anderson! 💜 😍
      Vou deixar um link aqui pra você com os passos: th-cam.com/video/h-FsG-QpgfI/w-d-xo.html 🚀