EPISODE · Dec 29, 2022 · 51 MIN
How to solve a SSR/CSR mismatch using the DOM
from Frontend First · host 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 – Intro1:46 – Ryan Florence’s tweets about Hooks, useEffect and refs18:12 – How to avoid SSR/CSR rendering mismatches when your initial render depends on client-side APIs37:40 – Using StackBlitz for reproduction in open source45:17 – Isolated app development environments with JavaScript containersLinks:Ryan Florence’s tweets on HooksDan Abramov’s replyReact beta docs on bugs found from double renderingReact beta docs on bugs found from re-running EffectsStackBlitzChangelog episode with Ryan Dahl about Deno Deploy as a platform
What this episode covers
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.
NOW PLAYING
How to solve a SSR/CSR mismatch using the DOM
No transcript for this episode yet
Similar Episodes
Sep 26, 2023 ·65m
Sep 26, 2023 ·66m
Sep 26, 2023 ·69m
Sep 26, 2023 ·64m
Sep 26, 2023 ·66m
Sep 26, 2023 ·61m