Kandungan disediakan oleh Frontend First, Sam Selikoff, and Ryan Toronto. Semua kandungan podcast termasuk episod, grafik dan perihalan podcast dimuat naik dan disediakan terus oleh Frontend First, Sam Selikoff, and Ryan Toronto atau rakan kongsi platform podcast mereka. Jika anda percaya seseorang menggunakan karya berhak cipta anda tanpa kebenaran anda, anda boleh mengikuti proses yang digariskan di sini https://ms.player.fm/legal.
Player FM - Aplikasi Podcast
Pergi ke luar talian dengan aplikasi Player FM !
Pergi ke luar talian dengan aplikasi Player FM !
Instant URL search params in Next.js
Manage episode 402170318 series 1635850
Kandungan disediakan oleh Frontend First, Sam Selikoff, and Ryan Toronto. Semua kandungan podcast termasuk episod, grafik dan perihalan podcast dimuat naik dan disediakan terus oleh Frontend First, Sam Selikoff, and Ryan Toronto atau rakan kongsi platform podcast mereka. Jika anda percaya seseorang menggunakan karya berhak cipta anda tanpa kebenaran anda, anda boleh mengikuti proses yang digariskan di sini https://ms.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
201 episod
Manage episode 402170318 series 1635850
Kandungan disediakan oleh Frontend First, Sam Selikoff, and Ryan Toronto. Semua kandungan podcast termasuk episod, grafik dan perihalan podcast dimuat naik dan disediakan terus oleh Frontend First, Sam Selikoff, and Ryan Toronto atau rakan kongsi platform podcast mereka. Jika anda percaya seseorang menggunakan karya berhak cipta anda tanpa kebenaran anda, anda boleh mengikuti proses yang digariskan di sini https://ms.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
201 episod
Semua episod
×Selamat datang ke Player FM
Player FM mengimbas laman-laman web bagi podcast berkualiti tinggi untuk anda nikmati sekarang. Ia merupakan aplikasi podcast terbaik dan berfungsi untuk Android, iPhone, dan web. Daftar untuk melaraskan langganan merentasi peranti.