Skip to content
How to solve a SSR/CSR mismatch using the DOM episode artwork

Dec 29, 2022 51 min

How to solve a SSR/CSR mismatch using the DOM

from Frontend First Hosted by Frontend First

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: Ryan Florence’s tweets on Hooks Dan Abramov’s reply React beta docs on bugs found from double rendering React beta docs on bugs found from re-running Effects StackBlitz Changelog episode with Ryan Dahl about Deno Deploy as a platform

Episode details come from the podcast's RSS feed.

Embed this episode

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.

Ready to play

How to solve a SSR/CSR mismatch using the DOM

0:00 51:32

No transcript yet.

Requests help us decide what to transcribe next.

Frequently asked questions

How long is this episode of Frontend First?

This episode is 51 minutes long.

When was this Frontend First episode published?

This episode was published on December 29, 2022.

Can I download this Frontend First episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.