Tim Neutkens on the Next.js App Router

Frontend First

English - August 16, 2023 18:35 - 1 hour - 96.2 MB - ★★★★★ - 18 ratings
Technology technology web javascript ember ember.js software development design Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed

Previous Episode: Understanding prop passing from RSC to Client Components

Next Episode: Should a navigation and a refresh show the same page?

Tim joins Sam to talk about his work on the new app router in Next.js 13. He explains how the app router leverages Server Components and React’s new cache API to bring a new level of composability to server-side code, how Server Actions are being designed to enable partial revalidation in a single round trip to the server, and how to think about UI updates as a result of server-side state changes.

Topics include:

0:00 - Intro2:53 - Rendering Server Components and the RSC payload21:49 - Composition vs. top-down data flow and the React cache53:35 - Revalidation after a user event and Server Actions1:06:37 - Revalidation after a server-side state change1:14:02 - Back and forward navigation1:21:43 - Caching layers1:30:53 - Current focus on stability, performance, education, and TurboPack

Links:

Tim’s deep dive on caching and revalidating Next.js docs on Caching