Sign up to save your podcasts
Or
Share Making sense of web rendering patterns with Gil Fink
Share to email
Share to Facebook
Share to X
Share to email
Share to Facebook
Share to X
Or
Making sense of web rendering patterns with Gil Fink
Gil Fink breaks down web rendering patterns including server side rendering, SSR, client side rendering, CSR, and static rendering, along with newer approaches like islands architecture, resumability, and hybrid rendering. The conversation explores tradeoffs around hydration, web performance, INP, CDN caching, and bundle size optimization, and compares frameworks like Next.js, TanStack Start, Astro, Qwik, and Remix to help developers make better decisions about React rendering strategies and overall application performance.
Links
Resources
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Fill out our listener survey! https://t.co/oKVAEXipxu
Let us know by sending an email to our producer, Elizabeth, at [email protected], or tweet at us at PodRocketPod.
Check out our newsletter! https://blog.logrocket.com/the-replay-newsletter/
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form, and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. Try LogRocket for free today.
Chapters
00:00 Introduction and Gil’s Background
01:00 Why Rendering Patterns Keep Evolving
02:00 What Problem Rendering Patterns Solve
03:00 Frameworks and Rendering Decisions
04:00 Server Side Rendering Explained
05:30 Client Side Rendering and Hydration Costs
07:00 Performance Tradeoffs Between SSR and CSR
08:30 Static Rendering for Blogs and Marketing Sites
09:30 Hybrid Rendering and Progressive Enhancement
11:00 How to Choose the Right Rendering Strategy
12:00 Interactivity as the Key Decision Factor
14:00 Islands Architecture vs SSR
16:00 Common Mistakes with Rendering Choices
17:30 Real World Performance Tuning Examples
19:00 When You Don’t Actually Need Next.js
21:00 The Rise of Hybrid Rendering
22:30 Next.js vs TanStack Start
24:00 Final Rule of Thumb for Choosing Rendering Patterns
View all episodes
By LogRocket
4.9
5959 ratings
Gil Fink breaks down web rendering patterns including server side rendering, SSR, client side rendering, CSR, and static rendering, along with newer approaches like islands architecture, resumability, and hybrid rendering. The conversation explores tradeoffs around hydration, web performance, INP, CDN caching, and bundle size optimization, and compares frameworks like Next.js, TanStack Start, Astro, Qwik, and Remix to help developers make better decisions about React rendering strategies and overall application performance.
Links
Resources
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Fill out our listener survey! https://t.co/oKVAEXipxu
Let us know by sending an email to our producer, Elizabeth, at [email protected], or tweet at us at PodRocketPod.
Check out our newsletter! https://blog.logrocket.com/the-replay-newsletter/
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form, and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. Try LogRocket for free today.
Chapters
00:00 Introduction and Gil’s Background
01:00 Why Rendering Patterns Keep Evolving
02:00 What Problem Rendering Patterns Solve
03:00 Frameworks and Rendering Decisions
04:00 Server Side Rendering Explained
05:30 Client Side Rendering and Hydration Costs
07:00 Performance Tradeoffs Between SSR and CSR
08:30 Static Rendering for Blogs and Marketing Sites
09:30 Hybrid Rendering and Progressive Enhancement
11:00 How to Choose the Right Rendering Strategy
12:00 Interactivity as the Key Decision Factor
14:00 Islands Architecture vs SSR
16:00 Common Mistakes with Rendering Choices
17:30 Real World Performance Tuning Examples
19:00 When You Don’t Actually Need Next.js
21:00 The Rise of Hybrid Rendering
22:30 Next.js vs TanStack Start
24:00 Final Rule of Thumb for Choosing Rendering Patterns
More shows like PodRocket
View all
The Changelog: Software Development, Open Source
288 Listeners
Accidental Tech Podcast
2,141 Listeners
ShopTalk
500 Listeners
Software Engineering Daily
627 Listeners
Talk Python To Me
583 Listeners
JavaScript Jabber
62 Listeners
Syntax - Tasty Web Development Treats
989 Listeners
Darknet Diaries
8,086 Listeners
Tech Brew Ride Home
972 Listeners
Practical AI
215 Listeners
Dwarkesh Podcast
559 Listeners
Hard Fork
5,563 Listeners
Whiskey Web and Whatnot
55 Listeners
devtools.fm: Developer Tools, Open Source, Software Development
25 Listeners
Front-End Fire
11 Listeners