React 18 Overview - What Changed? Concurrency, Transitions, Suspense...

Поделиться
HTML-код
  • Опубликовано: 18 ноя 2024

Комментарии • 56

  • @Bertoos8
    @Bertoos8 2 года назад +4

    Again! Thank you very much. Fresh content is always welcome!

  • @SvetaSveta-ms4hi
    @SvetaSveta-ms4hi 2 года назад +5

    I was legit looking for a comprehensive video on React 18, you're reading my mind 😂 Thanks a bunch! Btw, I love that you've ramped up the quality of your content. Way to go! I'm with you from the very beggining, so it makes me happy that you don't rest on your laurels and keep improving. The amount of effort you put into making such freaking great videos is insane. I appreciate that 🙏

  • @universecode1101
    @universecode1101 2 года назад +7

    React 18 is a new chapter for us, Frontend in Js - React 😜 Nice video Pedro

  • @saishanmukh1583
    @saishanmukh1583 2 года назад +4

    Thank you pedro for making it easy for us!

  • @33v4.
    @33v4. 2 года назад +1

    um dos primeiros a falar sobre concurrency in React 18! e sempre uma explicação maravilhosa, amo ver um Br arrasando woooo

  • @imsidrock
    @imsidrock Год назад

    No secondary thought.... Absolutely a great video with lots of perfaction 👍

  • @sinaukode
    @sinaukode 2 года назад +4

    Always love your content, how you explain the concept is great, please keep making these kind of video

  • @hayderjabur6258
    @hayderjabur6258 2 года назад +2

    Thank you for your tutorials, just small note that react already use patching but not with promises so function handleClick() {
    setCount(c => c + 1);
    setFlag(f => !f);
    // React will only re-render once at the end (that's batching!)
    }

    • @sgtduckduck
      @sgtduckduck 2 года назад

      Did you not keep listening?

  • @SiCrip09
    @SiCrip09 2 года назад

    Now I understand how the useTransition hook works, your example was really good. It is like a pending fetch call for state ☕

  • @denisotimguitar
    @denisotimguitar 2 года назад +2

    This is brilliant 🤓! Thanks for the tutorial!🔥🔥🔥

  • @Indialoves1
    @Indialoves1 2 года назад

    Great video, very knowledgable. Suspense is amazing. I appreciate your effort. Thanks...

  • @georgeolufemi4285
    @georgeolufemi4285 2 года назад +2

    Great content. I hope you see to other video suggestions and do justice to them 😁

  • @leomelegari
    @leomelegari 2 года назад +1

    Pô, valeu demais por essas explicações. Principalmente da nova feature Suspense, estava meio perdido nela kkkkkk parabéns pelo conteúdo

  • @psydook
    @psydook 2 года назад

    Thanks for the update !! Keep it going

  • @SecretEyeSpot
    @SecretEyeSpot 2 года назад +1

    If you've started developing a project using React 16. Do you have to begin migrating immediately. Or how does this work?

  • @amineichou4910
    @amineichou4910 2 года назад +2

    You the best !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! thank you so much bro ❤

  • @rhiannonmonks6894
    @rhiannonmonks6894 2 года назад

    Again, amazing video, thank you so much

  • @abc_cba
    @abc_cba 2 года назад

    Exactly, what I wanted.
    Thanks.

  • @ayomidestephen3234
    @ayomidestephen3234 2 года назад

    suspense is definately the best update in this react 18

  • @riantritiyanuar9237
    @riantritiyanuar9237 Год назад

    Great video, great explaination. Keep it up!

  • @abrarzahid55
    @abrarzahid55 2 года назад +1

    The video is just Awesome. it's clear and precise. you have a good teaching skills. thanks for sharing the knowledge. would you mind if I'd translate this video into another language, will give a shoutout to your channel and would be transparent about the source of the material.

    • @PedroTechnologies
      @PedroTechnologies  2 года назад +1

      Thank you so much!! I don't allow translations cause its just the same content hahaha you can recreate the video with you talking if you are interested!

  • @friendshipwithjavascript
    @friendshipwithjavascript 2 года назад +1

    Always Awesome Content ..

  • @BobbyBundlez
    @BobbyBundlez Год назад

    did NOT know about the batching thing. that is actually f**cking such common sense can't believe it took this long for them to do that change LOL

  • @az1nn
    @az1nn 2 года назад

    great video as always! Would be nice to see more deeply what "triggers" the fallback component, im having such a bad time triyng to understand how it works

    • @BobbyBundlez
      @BobbyBundlez Год назад

      if any of the nested components are returning a promise the fallback shows . If that promise gets resolved or rejected the children component will handle whatever is meant to be rendered in that case. It's really just a way to have a global fallback rendering rather than setting up a bunch of "loading...' fallbacks in each child component... I just learned suspense so I know this is at least partly what it does and why it triggers lol

  • @tech3425
    @tech3425 2 года назад +2

    What's that on line 12 at 18:31 ? data?.map(....). That sounds like a neat way to use the ternary operator. But I can't get it to work on my system. How does that work?

    • @PedroTechnologies
      @PedroTechnologies  2 года назад +2

      That is called optional chaining! It basically replaces me needing to write data && data.map(...)

    • @tech3425
      @tech3425 2 года назад

      @@PedroTechnologies Just what I was looking for

  • @ThColinPereira
    @ThColinPereira 2 года назад +1

    So good!

  • @vinothkumarv9722
    @vinothkumarv9722 6 месяцев назад

    wow amazing... One big doubts.... automatic batching concepts.. is added in the react lib itself... like this is understood I am a right?????
    anyone asnware my above questions please

  • @avi7278
    @avi7278 2 года назад

    I don't understand why they did it this way. I would much rather something like ` usePriority` hook to wrap the update that should be favored rather than wrapping updates that can be deferred. It's much easier to reason about and from experience I know that there are a lot less cases where I need to prioritize an update as opposed to where I need to defer it. What if that input changes triggers 5 other expensive updates, am I to wrap each of those in `useTransition`? It would make more sense to wrap the input update in `usePriority` in one place instead of five.

  • @GabrielMartinez-ez9ue
    @GabrielMartinez-ez9ue 2 года назад

    Excellent video

  • @aryamitrachaudhuri6564
    @aryamitrachaudhuri6564 2 года назад

    amazing video! learned a lot ! thanks !

  • @Salah-YT
    @Salah-YT 2 года назад +1

    bro can u make React 18 crash course for about 2 or 3 hours and make one small project before finishing the video ok thx

  • @mehrdad1068
    @mehrdad1068 2 года назад +3

    Please make tutorial for post views 👁️

  • @gabrielstiffler1488
    @gabrielstiffler1488 2 года назад

    I know this is not React-releated but I noticed that you are using the new axios version, 27.2. I was wondering how did you fix the issue the bug with it? Sorry to bother

  • @SonAyoD
    @SonAyoD 2 года назад

    Great video!

  • @robertmacwan8144
    @robertmacwan8144 2 года назад

    thanks

  • @mrlectus
    @mrlectus Год назад

    I can already see some use case for useTransition hook. But am going to use it for evil!!!

  • @muhsinabbas1181
    @muhsinabbas1181 2 года назад

    Great make like this for react native

  • @suryaashish2019
    @suryaashish2019 2 года назад

    Dope🔥🔥🔥🔥🔥🔥

  • @mohammedajmalfayizp8551
    @mohammedajmalfayizp8551 2 года назад

    nice..man

  • @akj3344
    @akj3344 2 года назад

    So suspense works kinda like Promise.all but for components.

  • @gadhekaranm3871
    @gadhekaranm3871 2 года назад

    Hi I need your help

  • @nicodipi
    @nicodipi 2 года назад

    This video is Delicious

  • @levyroth
    @levyroth 2 года назад +2

    So the React I barely learned is already obsolete? Muahaha

    • @PedroTechnologies
      @PedroTechnologies  2 года назад +1

      Don't worry hahaha its not obsolete! Most people won't have to change anything, most changes are useful for more advanced stuff.

  • @BHVampireLF
    @BHVampireLF 2 года назад

    The new createRoot is useless compared to the render method, a lot of things became useless without an option to fix them.

  • @thenod0
    @thenod0 2 года назад