What is Hydration?

Поділитися
Вставка
  • Опубліковано 12 гру 2024

КОМЕНТАРІ • 28

  • @ramirovaldes4889
    @ramirovaldes4889 Рік тому +5

    Thank you for the first real explanation of hydration that I’ve found

  • @AlamKhan-yt9wd
    @AlamKhan-yt9wd 4 дні тому

    Very well explained! ❤❤

  • @animegeek-011
    @animegeek-011 Рік тому +1

    That was super helpful and detailed, thank you so much

  • @theyreMineralsMarie
    @theyreMineralsMarie 2 роки тому +7

    You basically explained why I haven't jumped on the bandwagon of these "post-react" frameworks. The jump in technology is big enough yet to warrant a switch. Qwik on the other hand presents a true paradigm shift that can provide some real benefits to the end user.

    • @svnbit8408
      @svnbit8408 2 роки тому

      Dude I waited for nuxt 3 to learn vue3, js, nuxt3, and now I'm having second thoughts before I get started. I'm not sure if theit new hybrid setup is just half a quik when it comes to performance or any other configuration, don't want to take something on if it don't need it.
      Is react exclusive to quik? (Learn react now because it's needed?
      Svelte actually looked cool since I'm fresh out of gate learning js, will it work with quik?
      What do you think? Will other frameworks eventually do or are they already doing similar things as quik or working on it which would make it redundant?
      Is it framework agnostic, or is it based on reacts stack?
      Any insights appreciated, if quik is the only one doing something like this I gotta get the right pieces in place around it. Cheers

  • @Sammi84
    @Sammi84 2 роки тому +20

    This explained hydration and reconciliation really well and I think I understand that. But I did not at all get a satisfying explanation of resumability. I went back and rewatched that part twice. Seems like it wasn't actually described.

    • @nguyendung8508
      @nguyendung8508 Рік тому +1

      I haven’t done DD as I’m learning myself but I think in his example, what he’s trying to convey is the page is loaded in the past and the html is cached with minimal hydration (my guess) and we only need to download the missing js ( please correct if im wrong )

  • @jessetsilva
    @jessetsilva 9 місяців тому

    Great explanation, thank you!

  • @vincepale
    @vincepale Рік тому +1

    Thank you for making this so clear.

  • @mounis
    @mounis Рік тому

    Great explanation

  • @MrKaremnour
    @MrKaremnour Рік тому

    best explaination ever

  • @felixurbano1199
    @felixurbano1199 Рік тому

    Excelent video! Thanks !

  • @yangdongjun
    @yangdongjun Рік тому

    Great!

  • @BarrettGamingHD
    @BarrettGamingHD 2 роки тому

    This was super useful, thanks

  • @evraya1
    @evraya1 4 місяці тому +1

    So, the resumability is just the reconciliation done right? Resumability = Hydration optimized

  • @samfelton5009
    @samfelton5009 Рік тому +5

    My guy needs to mute slack 😢 great vid though ☺️

  • @bushbuddyplatypus
    @bushbuddyplatypus 10 місяців тому

    An amazing explanation. Do you do any courses?

  • @evraya1
    @evraya1 4 місяці тому

    Soo, that's an explanation of the evolution process from php to resumability, right? So, hydration is also the past, right?

  • @adicide9070
    @adicide9070 4 місяці тому

    Future left unexplained

  • @daviidon
    @daviidon Рік тому

    how does qwik compares to marko?

  • @mr.random8447
    @mr.random8447 Рік тому +2

    So resumability has a bunch of network calls for all those tiny bits of JS. Seems bad

  • @evraya1
    @evraya1 4 місяці тому

    So, reconciliation uses JavaScript not html??? Weird as the whole point of reconciliation is "to use existing html nodes"?

  • @dontignore5567
    @dontignore5567 7 місяців тому

    Just open the slack bro

  • @laughingvampire7555
    @laughingvampire7555 Рік тому

    Ok, what I see here is too much bloat, too much tooling bloat, too much hand shaking bloat, yes all of this looks great in our super fast developer laptops with 32-64GB of RAM to compile assets with npm because with less RAM npm crashes. Reminds me of Rick Sanchez "is like slavery with extra steps"
    Does anyone remember GWT? Google Web Toolkit that is a Java library and compiler to make your entire site in Java and the compile parts to super fast minimized javascript using ClosureJS library. So you could have your server & browser logic without repetition. And it had server side rendering.
    Honestly, I prefer the Past.

    • @SweepAndZone
      @SweepAndZone Рік тому

      Ehhhh this is more to do with servers too. Not just CSR

  • @NewHorizon-v9p
    @NewHorizon-v9p 6 місяців тому

    Thank you, but you didn't explain it well.

  • @SweepAndZone
    @SweepAndZone Рік тому +1

    I cant believe I had a hard time understanding this before