Artwork

A tartalmat a Frontend First, Sam Selikoff, and Ryan Toronto biztosítja. Az összes podcast-tartalmat, beleértve az epizódokat, grafikákat és podcast-leírásokat, közvetlenül a Frontend First, Sam Selikoff, and Ryan Toronto vagy a podcast platform partnere tölti fel és biztosítja. Ha úgy gondolja, hogy valaki az Ön engedélye nélkül használja fel a szerzői joggal védett művét, kövesse az itt leírt folyamatot https://hu.player.fm/legal.
Player FM - Podcast alkalmazás
Lépjen offline állapotba az Player FM alkalmazással!

Instant URL search params in Next.js

45:29
 
Megosztás
 

Manage episode 402170318 series 1635850
A tartalmat a Frontend First, Sam Selikoff, and Ryan Toronto biztosítja. Az összes podcast-tartalmat, beleértve az epizódokat, grafikákat és podcast-leírásokat, közvetlenül a Frontend First, Sam Selikoff, and Ryan Toronto vagy a podcast platform partnere tölti fel és biztosítja. Ha úgy gondolja, hogy valaki az Ön engedélye nélkül használja fel a szerzői joggal védett művét, kövesse az itt leírt folyamatot https://hu.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
  continue reading

185 epizódok

Artwork

Instant URL search params in Next.js

Frontend First

200 subscribers

published

iconMegosztás
 
Manage episode 402170318 series 1635850
A tartalmat a Frontend First, Sam Selikoff, and Ryan Toronto biztosítja. Az összes podcast-tartalmat, beleértve az epizódokat, grafikákat és podcast-leírásokat, közvetlenül a Frontend First, Sam Selikoff, and Ryan Toronto vagy a podcast platform partnere tölti fel és biztosítja. Ha úgy gondolja, hogy valaki az Ön engedélye nélkül használja fel a szerzői joggal védett művét, kövesse az itt leírt folyamatot https://hu.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
  continue reading

185 epizódok

Minden epizód

×
 
Loading …

Üdvözlünk a Player FM-nél!

A Player FM lejátszó az internetet böngészi a kiváló minőségű podcastok után, hogy ön élvezhesse azokat. Ez a legjobb podcast-alkalmazás, Androidon, iPhone-on és a weben is működik. Jelentkezzen be az feliratkozások szinkronizálásához az eszközök között.

 

Gyors referencia kézikönyv