Artwork

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 !

Implementing RSC, Part 1: Rendering

58:42
 
Kongsi
 

Manage episode 378310170 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.

Ryan shares how building his own RSC implementation from scratch helped him better understand React’s new paradigm. He and Sam talk about how a client React app can fetch an RSC Payload from a server endpoint to update the UI, how an RSC server renders and bundles Client code that’s part of a Server Component tree, and how a client-side Router can be used to fetch new RSC trees based on the URL.

Topics include:

  • 0:00 - Intro
  • 2:48 - Making a server endpoint that a client React app can use to re-render the UI
  • 15:42 - How the bundling step shims Client Components during a server render with a reference that the client app can later use to execute browser code
  • 35:16 - How the React Component API unifies server and client functionality in a single composable interface
  • 38:54 - How a client-side router can render different server trees based on the URL
  • 49:09 - Reference projects used

Links:

  continue reading

201 episod

Artwork

Implementing RSC, Part 1: Rendering

Frontend First

214 subscribers

published

iconKongsi
 
Manage episode 378310170 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.

Ryan shares how building his own RSC implementation from scratch helped him better understand React’s new paradigm. He and Sam talk about how a client React app can fetch an RSC Payload from a server endpoint to update the UI, how an RSC server renders and bundles Client code that’s part of a Server Component tree, and how a client-side Router can be used to fetch new RSC trees based on the URL.

Topics include:

  • 0:00 - Intro
  • 2:48 - Making a server endpoint that a client React app can use to re-render the UI
  • 15:42 - How the bundling step shims Client Components during a server render with a reference that the client app can later use to execute browser code
  • 35:16 - How the React Component API unifies server and client functionality in a single composable interface
  • 38:54 - How a client-side router can render different server trees based on the URL
  • 49:09 - Reference projects used

Links:

  continue reading

201 episod

Semua episod

×
 
Loading …

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.

 

Panduan Rujukan Pantas

Podcast Teratas
Dengar rancangan ini semasa anda meneroka
Main