Folge 1: React Server Components
Shownotes
Werte Zuhörer:in
Dicker Disclaimer vorneweg! Wir haben diese Folge bereits Ende letzen Jahres aufgenommen. Ein klein wenig hat sich da in der Zwischenzeit getan, aber doch weniger als gedacht. Falls euch Dinge auffallen, die jetzt anders sind: Schreibt es in die Kommentare. Aber jetzt weiter im Text!
In unsere letzten Next.js Folge hatte sich der Stefan beschwert, dass der Holger zu viele Sternchen verwendet hat. "Das erklären wir in der nächsten Folge". "Ach komm dieses 1 Rabbit Hole passt doch easy in die 5 Minuten!" Nun gut! Heute geht es den Sternchen an den Kragen! Also vielen davon. Das hat auch dazu geführt, dass wir in den ein oder anderen Seitenzweig abgerutscht sind. Passiert uns sonst nie… Aber da wir ja jetzt ein Podcast Format haben, können wir euch diese in fast ungeschnittener Schönheit präsentieren:
Es geht um React Server Components und somit im weitesten Sinne auch um Next.js. Ja! React Server Components sind ein Core-React Ding und es gibt mittlerweile auch einige alternative Implementierungen, aber so richtig sinnvoll nutzbar sind diese unserer Ansicht nach nur mit Next.js
Wir reden also über die Server Components und Client Components, wie man diese verbinden kann, wie sie sich in der Praxis anfühlen, Vorteile und Nachteile. Da gibt es überraschend viel zu erzählen!
Wenn euch das neugierig macht hört doch mal rein!
Wie sieht das bei euch aus? Verwendet ihr auch schon den React Server Components? Seid ihr neugierig? Was haltet ihr davon?
In diesem Sinne: Papperlapapp - Spaß mit Klammern!
Vielen Dank fürs Zuschauen, viel Spaß und wir freuen uns sehr auf euer Feedback!
Stefan und Holger …
Links:
- Die Nextjs Doku zu den Server Components: https://nextjs.org/docs/app/building-your-application/rendering/server-components
- React Server Components Demystified: https://demystifying-rsc.vercel.app/
- Die RSC Devtools: https://chrome.google.com/webstore/detail/rsc-devtools/jcejahepddjnppkhomnidalpnnnemomn
- Der next Bundle Analyzer: https://www.npmjs.com/package/@next/bundle-analyzer
- Der Source Code zur Folge: https://github.com/holgergp/nextJS-rsc
- Unsere Youtube Folge
- Unsere Folge über React Server Components: https://www.youtube.com/watch?v=WEbbOvvNvXA
- Unsere Folge über den App Router: https://youtu.be/oC7nw8RiL1k
Neuer Kommentar