React – Neuerungen 2024

Das Jahr 2023 begann kontrovers in der React-Community mit der Diskussion um die umstrittene neue Dokumentation. Ein Jahr später verspricht nun auch das Jahr 2024 bedeutende Entwicklungen im React-Ökosystem. Wir schauen uns deswegen die wichtigsten Trends des Jahres an.

Trotz der Herausforderungen des vergangenen Jahres, insbesondere der bahnbrechenden Verlagerung von React auf den Server mit React Server Components, zeichnen sich neue Trends ab, die die Aufmerksamkeit aller Entwickler:innen verdienen. Mit dabei sind unter anderem Astro, tRPC, TanStack und mehr.

Letztes Jahr trat Astro  die Nachfolge von Gatsby an. Das neue Webframework ist vor allem für statische Websites bekannt, aber aufgrund seiner wachsenden Popularität haben die Entwickler:innen von Astro auch begonnen, Webanwendungen und API-Endpunkte zu erkunden. Astro eignet sich hervorragend für hochperformante Websites und wird nun auch für Anwendungsfälle in Betracht gezogen, die über seine ursprüngliche Idee hinausgehen.

Mit Astro erstellte Websites sind standardmäßig performant, da sie ohne JavaScript initiiert werden und das aufwendige Rendering auf den Server verlagern. Die Standardeinstellung ist die statische Websitegenerierung (SSG), optional kann aber das serverseitige Rendering (SSR) aktiviert werden.

Astro ist nicht zwingend an React gebunden. Man kann das Open-Source-Framework ohne ein UI-Framework verwenden, indem man seinen eigenen Code in einer .astro-Datei implementiert. Außerdem erlaubt Astro, dass man sein bevorzugtes Komponentenframework (z. B. React) einsetzt. So können alle Entwickler:innen ein vertrautes Werkzeug wählen, um technisch und funktional hochwertige UI-Komponenten zu erstellen.

Wenn Astro mit einem Komponentenframework wie React verwendet wird, kommt es ohne JavaScript aus und liefert nur HTML und CSS an den Browser. Nur wenn Komponenten interaktiv werden, wird das notwendige JavaScript vom Server an den Client geliefert. Diese Vorgehensweise basiert auf der „Fast-by-default-Performance“-Philosophie von Astro, die auf dem Rendering-Paradigma „Island Architecture“ beruht.

Es lohnt sich zweifellos, 2024 mit Astro zu experimentieren. Eine 2023 entstandene Website demonstriert, was möglich ist. Sie liefert perfekte Performance-/SEO-Werte, ein ansprechendes Theme und eine Drop-in-Dokumentation auf der Basis von Astro Starlight. Beim Aufbau einer Webanwendung mit Authentifizierung, API-Endpunkten und servergerenderten Inhalten gibt es jedoch Spielraum nach oben.

Authentifizierung

Das Thema Authentifizierung in React hat im letzten Jahr nochmals an Fahrt aufgenommen. Mehrere Start-ups und Open-Source-Projekte haben in diesem Bereich aufhorchen lassen. Zu den Standardlösungen Firebase Authentication, Auth0, Passport.js und NextAuth gibt es jetzt kostengünstigere und UI-gesteuerte Alternativen für die Authentifizierung.

Supabase ist eine Open-Source-Alternative zu Firebase von Google. Die Entwicklungsplattform enthält nicht nur einen Service für die Authentifizierung, sondern auch eine PostgreSQL-Datenbank sowie Echtzeitabonnements, Speicher und Serverless-Funktionen. Eine Supabase-Instanz kann entweder selbst gehostet oder als gehosteter (kostenpflichtiger) Service verwendet werden. Viele Entwickler:innen nutzen es nur für die Authentifizierung und wählen andere Dienste (z. B. PlanetScale als Serverless-DB) für die übrigen Anforderungen.