React Server Components: Kommt mit React 19, jetzt schon in Next.js
In dieser Folge geht es wieder um Next.js. Wir haben bereits über den App-Router des React-Frameworks gesprochen. Heute geht es um React Server Components, die erst durch den App-Router in Next.js ermöglicht werden. React auf dem Server löst also jetzt all unsere Probleme? Schaut wir zusammen mal rein!
Werte Zuseher: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.
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 schaut doch mal rein!
Wir haben uns natürlich auch in dieser Folge verquatscht! Davon mussten wir viel wegschneiden. Allerdings gibt es die Fast-Roh-Fassung auch als Podcast. Hört doch auch da mal rein:
https://papperlapapp.podigee.io/2-fol...
Wie sieht das bei euch aus? Verwendet ihr auch schon den React Server Components? Seid ihr neugierig? Was haltet ihr davon?
Schreibt es in die Kommentare! Wir sind sehr gespannt und wir freuen uns von euch zu hören!
Liken, abonnieren, Glocke drücken nicht vergessen.
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:
Der Link zu unserer Umfrage: https://forms.gle/fc53DKCmm8Ytarju5
Der Podcast zur Folge: https://papperlapapp.podigee.io/2-fol...
Die Nextjs Doku zu den Server Components: https://nextjs.org/docs/app/building-...
Der Source Code zur Folge: https://github.com/holgergp/nextJS-rsc
React Server Components Demystified: https://demystifying-rsc.vercel.app/
Die RSC Devtools: https://chrome.google.com/webstore/de...
Der next Bundle Analyzer: https://www.npmjs.com/package/@next/b...
Unsere Folge über React Server Components: • React Server Components oder Server Side R...
Unsere Folge über den App Router: • Next.js - Der App Router: was ist neu?
▬ Inhalt des Videos ▬▬▬▬▬▬▬▬▬▬
00:00 Intro
01:19 Heute geht es um React Server Components
02:45 Wir brauchen eure Hilfe!
03:15 Worum geht es bei React Server Components?
03:39 Client und Server nebeneinander
07:13 Server Components bekommt Client Component per Props
08:20 Client Component bekommt Server Component per Props
09:06 Server Component importiert Client Component
09:54 Warum mache ich überhaupt Server Components?
10:52 Client Component importiert Server Component
11:44 Stefan stellt kontroverse Fragen!
14:56 Wie klappt das denn alles so?
17:27 Fazit