Frontend First cover image

Frontend First

How to solve a SSR/CSR mismatch using the DOM

Dec 29, 2022
51:32

Sam and Ryan chat about how to avoid a flicker of content on initial render due to mismatched server/client rendering. They also chat about the pros and cons of React Hooks, and using StackBlitz containers to debug OSS issues.

Topics include:

  • 0:00 – Intro
  • 1:46 – Ryan Florence’s tweets about Hooks, useEffect and refs
  • 18:12 – How to avoid SSR/CSR rendering mismatches when your initial render depends on client-side APIs
  • 37:40 – Using StackBlitz for reproduction in open source
  • 45:17 – Isolated app development environments with JavaScript containers

Links:

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.
App store bannerPlay store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode