Inhalt bereitgestellt von Frontend First, Sam Selikoff, and Ryan Toronto. Alle Podcast-Inhalte, einschließlich Episoden, Grafiken und Podcast-Beschreibungen, werden direkt von Frontend First, Sam Selikoff, and Ryan Toronto oder seinem Podcast-Plattformpartner hochgeladen und bereitgestellt. Wenn Sie glauben, dass jemand Ihr urheberrechtlich geschütztes Werk ohne Ihre Erlaubnis nutzt, können Sie dem hier beschriebenen Verfahren folgen https://de.player.fm/legal.
Player FM - Podcast-App
Gehen Sie mit der App Player FM offline!
Gehen Sie mit der App Player FM offline!
Instant URL search params in Next.js
MP3•Episode-Home
Manage episode 402170318 series 1635850
Inhalt bereitgestellt von Frontend First, Sam Selikoff, and Ryan Toronto. Alle Podcast-Inhalte, einschließlich Episoden, Grafiken und Podcast-Beschreibungen, werden direkt von Frontend First, Sam Selikoff, and Ryan Toronto oder seinem Podcast-Plattformpartner hochgeladen und bereitgestellt. Wenn Sie glauben, dass jemand Ihr urheberrechtlich geschütztes Werk ohne Ihre Erlaubnis nutzt, können Sie dem hier beschriebenen Verfahren folgen https://de.player.fm/legal.
Sam and Ryan discuss the intuition behind React Transitions, and why React’s new useOptimistic hook is a good fit for building a URL-driven filter panel that stays fully responsive to client interactions.
Topics include:
- 0:00 - Intro
- 1:12 - The problem: In a world of Server Components, URL updates are blocked by a server-side roundtrip
- 10:44 - Attempted solution: Use the browser’s Native History API (history.pushState)
- 15:03 - Realization: The source of truth flips from server to client during the transition – which is exactly what useOptimistic was designed for
- 17:54 - Unwinding our mental model of client-first React apps by thinking about how HTML-only checkout forms work
- 21:44 - The intuition behind React Transitions, and how they put our UI into a state of preparation
- 30:39 - How Transitions improve upon default browser behavior by keeping our current UI 100% responsive, and how useOptimistic solves the checkbox filter panel
- 37:46 - Ryan’s take: It’s a bonus when tools make you feel smart, but it’s more important for them to not make you feel dumb
185 Episoden
MP3•Episode-Home
Manage episode 402170318 series 1635850
Inhalt bereitgestellt von Frontend First, Sam Selikoff, and Ryan Toronto. Alle Podcast-Inhalte, einschließlich Episoden, Grafiken und Podcast-Beschreibungen, werden direkt von Frontend First, Sam Selikoff, and Ryan Toronto oder seinem Podcast-Plattformpartner hochgeladen und bereitgestellt. Wenn Sie glauben, dass jemand Ihr urheberrechtlich geschütztes Werk ohne Ihre Erlaubnis nutzt, können Sie dem hier beschriebenen Verfahren folgen https://de.player.fm/legal.
Sam and Ryan discuss the intuition behind React Transitions, and why React’s new useOptimistic hook is a good fit for building a URL-driven filter panel that stays fully responsive to client interactions.
Topics include:
- 0:00 - Intro
- 1:12 - The problem: In a world of Server Components, URL updates are blocked by a server-side roundtrip
- 10:44 - Attempted solution: Use the browser’s Native History API (history.pushState)
- 15:03 - Realization: The source of truth flips from server to client during the transition – which is exactly what useOptimistic was designed for
- 17:54 - Unwinding our mental model of client-first React apps by thinking about how HTML-only checkout forms work
- 21:44 - The intuition behind React Transitions, and how they put our UI into a state of preparation
- 30:39 - How Transitions improve upon default browser behavior by keeping our current UI 100% responsive, and how useOptimistic solves the checkbox filter panel
- 37:46 - Ryan’s take: It’s a bonus when tools make you feel smart, but it’s more important for them to not make you feel dumb
185 Episoden
Alle Folgen
×Willkommen auf Player FM!
Player FM scannt gerade das Web nach Podcasts mit hoher Qualität, die du genießen kannst. Es ist die beste Podcast-App und funktioniert auf Android, iPhone und im Web. Melde dich an, um Abos geräteübergreifend zu synchronisieren.