Artwork

Content provided by Frontend First, Sam Selikoff, and Ryan Toronto. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Frontend First, Sam Selikoff, and Ryan Toronto or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://ro.player.fm/legal.
Player FM - Aplicație Podcast
Treceți offline cu aplicația Player FM !

Building user search with React Server Components

1:05:13
 
Distribuie
 

Manage episode 355491448 series 1635850
Content provided by Frontend First, Sam Selikoff, and Ryan Toronto. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Frontend First, Sam Selikoff, and Ryan Toronto or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://ro.player.fm/legal.

Ryan talks about a demo he built in Next.js 13 with React Server Components. He explains how RSC driven by the URL eliminated client-side states, how he used React 18 Transitions to enhance the UI, and how he was able to fine-tune the experience differently for the initial render vs. subsequent client-side navigations.

Topics include:

  • 0:00 - Intro
  • 1:37 - Overview of Ryan’s user search page
  • 14:06 - React 18 Transitions and how RSC eliminates client states
  • 28:25 - How to change the UX for initial server navigations vs. in-app client navigations while still having one entry point for your data
  • 37:01 - Why Next.js 13 encourages you to learn about the Suspense and Transition primitives
  • 43:33 - What would a simple boilerplate for RSC look like?
  • 49:18 - Do the benefits of backends-as-a-service go away with RSC?

Links:

  continue reading

185 episoade

Artwork
iconDistribuie
 
Manage episode 355491448 series 1635850
Content provided by Frontend First, Sam Selikoff, and Ryan Toronto. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Frontend First, Sam Selikoff, and Ryan Toronto or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://ro.player.fm/legal.

Ryan talks about a demo he built in Next.js 13 with React Server Components. He explains how RSC driven by the URL eliminated client-side states, how he used React 18 Transitions to enhance the UI, and how he was able to fine-tune the experience differently for the initial render vs. subsequent client-side navigations.

Topics include:

  • 0:00 - Intro
  • 1:37 - Overview of Ryan’s user search page
  • 14:06 - React 18 Transitions and how RSC eliminates client states
  • 28:25 - How to change the UX for initial server navigations vs. in-app client navigations while still having one entry point for your data
  • 37:01 - Why Next.js 13 encourages you to learn about the Suspense and Transition primitives
  • 43:33 - What would a simple boilerplate for RSC look like?
  • 49:18 - Do the benefits of backends-as-a-service go away with RSC?

Links:

  continue reading

185 episoade

Toate episoadele

×
 
Loading …

Bun venit la Player FM!

Player FM scanează web-ul pentru podcast-uri de înaltă calitate pentru a vă putea bucura acum. Este cea mai bună aplicație pentru podcast și funcționează pe Android, iPhone și pe web. Înscrieți-vă pentru a sincroniza abonamentele pe toate dispozitivele.

 

Ghid rapid de referință