Instant URL search params in Next.js

Frontend First

内容由Frontend First, Sam Selikoff, and Ryan Toronto提供。所有播客内容（包括剧集、图形和播客描述）均由 Frontend First, Sam Selikoff, and Ryan Toronto 或其播客平台合作伙伴直接上传和提供。如果您认为有人在未经您许可的情况下使用您的受版权保护的作品，您可以按照此处概述的流程进行操作https://zh.player.fm/legal。

5M ago 45:29

MP3•单集首页

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

188集单集

#Technology #Web #Ember #Software #Development #Design #Web Development #Tech #Software Development #Frontend #Ryan Toronto #Sam Selikoff #JavaScript #Emberjs

Instant URL search params in Next.js

Frontend First

205 subscribers

published 5M ago

MP3•单集首页

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

188集单集

#Technology #Web #Ember #Software #Development #Design #Web Development #Tech #Software Development #Frontend #Ryan Toronto #Sam Selikoff #JavaScript #Emberjs

Wszystkie odcinki

欢迎使用Player FM

Player FM正在网上搜索高质量的播客，以便您现在享受。它是最好的播客应用程序，适用于安卓、iPhone和网络。注册以跨设备同步订阅。

收听超过500个主题

类似 Frontend First 的节目

值得一听的播客

Frontend First « » Instant URL search params in Next.js

Instant URL search params in Next.js

值得一听的播客

欢迎使用Player FM

类似 Frontend First 的节目

快速参考指南

Frontend First « »
Instant URL search params in Next.js