What is Hydration?

  Рет қаралды 20,641

Builder

Builder

Күн бұрын

Пікірлер: 27
@ramirovaldes4889
@ramirovaldes4889 Жыл бұрын
Thank you for the first real explanation of hydration that I’ve found
@theyreMineralsMarie
@theyreMineralsMarie 2 жыл бұрын
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
@animegeek-011
@animegeek-011 Жыл бұрын
That was super helpful and detailed, thank you so much
@jessetsilva
@jessetsilva 9 ай бұрын
Great explanation, thank you!
@Sammi84
@Sammi84 2 жыл бұрын
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 Жыл бұрын
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 )
@vincepale
@vincepale Жыл бұрын
Thank you for making this so clear.
@evraya1
@evraya1 3 ай бұрын
So, the resumability is just the reconciliation done right? Resumability = Hydration optimized
@mounis
@mounis Жыл бұрын
Great explanation
@yangdongjun
@yangdongjun 11 ай бұрын
Great!
@samfelton5009
@samfelton5009 Жыл бұрын
My guy needs to mute slack 😢 great vid though ☺️
@MrKaremnour
@MrKaremnour Жыл бұрын
best explaination ever
@felixurbano1199
@felixurbano1199 Жыл бұрын
Excelent video! Thanks !
@BarrettGamingHD
@BarrettGamingHD Жыл бұрын
This was super useful, thanks
@bushbuddyplatypus
@bushbuddyplatypus 9 ай бұрын
An amazing explanation. Do you do any courses?
@evraya1
@evraya1 3 ай бұрын
Soo, that's an explanation of the evolution process from php to resumability, right? So, hydration is also the past, right?
@mr.random8447
@mr.random8447 Жыл бұрын
So resumability has a bunch of network calls for all those tiny bits of JS. Seems bad
@adicide9070
@adicide9070 3 ай бұрын
Future left unexplained
@daviidon
@daviidon Жыл бұрын
how does qwik compares to marko?
@evraya1
@evraya1 3 ай бұрын
So, reconciliation uses JavaScript not html??? Weird as the whole point of reconciliation is "to use existing html nodes"?
@dontignore5567
@dontignore5567 6 ай бұрын
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 5 ай бұрын
Thank you, but you didn't explain it well.
@SweepAndZone
@SweepAndZone Жыл бұрын
I cant believe I had a hard time understanding this before
Do you REALLY need SSR?
18:15
Theo - t3․gg
Рет қаралды 177 М.
What Exactly is REACT HYDRATION? And why does it matter?
7:27
Deeecode The Web
Рет қаралды 2,3 М.
كم بصير عمركم عام ٢٠٢٥😍 #shorts #hasanandnour
00:27
hasan and nour shorts
Рет қаралды 10 МЛН
Hoodie gets wicked makeover! 😲
00:47
Justin Flom
Рет қаралды 135 МЛН
Кто круче, как думаешь?
00:44
МЯТНАЯ ФАНТА
Рет қаралды 6 МЛН
Delayed Hydration или почему сайты порой тормозят
18:27
Дмитрий Лаврик
Рет қаралды 4,8 М.
What is CSR SSR SSG and ISR
16:57
Hitesh Choudhary
Рет қаралды 62 М.
Astro for Impatient Devs
10:35
Isaac Harris-Holt
Рет қаралды 17 М.
💥 Angular SSR Deep Dive (With Client HYDRATION) #angular
24:56
Angular University
Рет қаралды 21 М.
Announcing Visual Copilot 2.0: Make Designs Real
56:18
Builder
Рет қаралды 12 М.
What is Hydration?
13:03
lihautan
Рет қаралды 12 М.
WTF Do These Even Mean
13:44
Web Dev Simplified
Рет қаралды 95 М.
Introducing Visual Copilot - Design to Code in a Click
11:22
Builder
Рет қаралды 203 М.
Web Rendering Patterns. SSR, CSR, Hydration, Static Generation, Resumability
1:20:27