~/talk

Exploring the Power of React Server Components

on YouTube 12m
Talkat Next.js Conf 2023 · on Thursday, 2023-10-26· [react, frontend-architecture]

speaker

name:Adhithi Ravichandran
links:none on file

resources

video:https://youtu.be/mgODEz-s0ZU
slides:none on file

summary

Explains that Next.js 13 makes components Server Components by default in the app folder, moves data fetching into async server components using fetch so HTML streams with reduced client JS, and uses the use client directive to mark interactive leaves. Demonstrates a conference site: speakers and sessions rendered server-side, a Badge Client Component for interactivity, shows Server Components calling Client Components, and claims performance improves by keeping large deps and DB access on the server.

AI-written summary · about

chapters (13)

  1. 0:00React Server Components intro
  2. 1:06Why React Server Components emerged
  3. 2:11Client vs server rendering
  4. 3:13What are Server Components
  5. 4:17Performance benefits
  6. 5:18Mixing Server and Client Components
  7. 6:20Static speakers page with Server Components
  8. 7:44When to use Client Components
  9. 8:27Marking Client Components
  10. 9:29Organizing Client Components
  11. 10:11Mindset shift with Server Components
  12. 10:53Server Components and SSR
  13. 11:13Closing and resources

related talks

~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.