10 Rendering Patterns for Web Apps

Learn about 10 different ways you can render a website to HTML with patterns like SSR, SSG, ISR, Partial Hydration, and More!

#webdevelopment #javascript #top10

[thelukemccrea]

And the best part is the moment you choose one, something new comes out and you get to learn that instead!

[drbracewell]

This is an insanely useful video, it can be super hard to find out information about all of all of these patterns (especially when each framework is trying to push how great and perfect their particular approach is). Everything here is clearly explained alongside benefits and drawbacks, thanks for the amazing video Jeff!

[Derik.]

0:00 Preamble
0:37 Static Website
1:09 Multi Page Apps
1:51 Single page App
2:45 Server-Side Rendering with Hydration
3:23 Static Site Generation with Hydration
3:54 Incremental Static Regeneration
4:46 Partial Hydration
5:12 Islands
5:44 Streaming SSR
6:12 Resumability

[tomasma]

Doing web dev for 15 years but this is quite insane. I think it took less effort to send a human being to the Moon that inventing all of these super cool frameworks and patterns that are solving quite simple task - rendering a content to the end user :) There are certainly a projects that can benefit from these but I think overall it is over engineered AF :) But anyway it is alway interesting to lear something new :)

[codewithguillaume]

I didn’t even know there was 10 rendering patterns possible hahah

[flamakespark]

I've noticed that in fullstack development all complexity shifted from backend to frontend. Back in the days on a backend you had to do a server (cluster) setup, optimization, caching and using Linux; while on a frontend you cared only about fetching and displaying data.

Now you can just use serverless and forget about infrastructure, while on a frontend you have to think about how to deliver content to end user as fast as possible: picking a correct rendering pattern, code optimization, lazy loading e.t.c.

[boris_raduloff]

At this point I absolutely despise web dev but after doing it almost exclusively for the past two years and doing my best to stay up to date with new frameworks and paradigms, I feel like I’m in too deep to quit. JS and front end in general are truly the cigarettes of the software development world.

[shaheerhashim]

Finally a video that has streamlined the arrival and need all the rendering patterns.

[codyrap]

I was lost already at SSG and at resumability I started having migraines 🤣🤣. Thanks for putting these videos, even though by the time you finish watching it, another 2 rendering patterns just emerged on the market.

[Mafanca]

great! i really needed a revision of all these things that've been popping out over the last few years

[AV_YOUTUBE_X]

Leave it to programmers to make a thing 10x more complicated in order to squeeze 50% more performance out of an existing design.

— Fantastic overview, by the way!

[bryn]

This is what I've been thinking about the past month. Thank you. Wish there was a course to teach all of the implementations. Even if its just a very basic app. Just to experience the differences.

[jackrdye]

Couldn't have come out at a better time. Thank you as usual :)

[masterflitzer]

thank you so much for this awesome overview, i've been waiting for years to have it all structured
should be on the main channel so more people see it

[DominikSipowicz]

As usual, a great video! As much as I wanted to learn a new one, it's more satisfying to have it confirmed in a very structured, confined manner.

[mayowasoyinka]

This is the video I have wanted for so long!

[coscorrodrift]

Dude you're so goated for this. I knew about most of them but it's always SPA vs MPA, SSR vs SSG, or SSG vs ISR, and all that and I didn't know how they all fit together. ill be coming back to this one for sure

[marielarodriguezmaggi]

Wooow, I just loved the way you summarized and explain it even though was so short!

[abhishekshah]

When did html+js+css become this monstrosity

[dontaskiwasbored]

This is the video we all needed, thanks!