Über React und Next.js

Next.js ist ein flexibles React-Framework, das Ihnen Bausteine zur Erstellung schneller, vollständiger Webanwendungen bietet.

Aber was genau meinen wir damit? Lassen Sie uns etwas Zeit darauf verwenden, zu erklären, was React und Next.js sind und wie sie Ihnen beim Erstellen von Webanwendungen helfen können.

Bausteine einer Webanwendung

Es gibt einige Dinge, die Sie beim Erstellen moderner Anwendungen berücksichtigen müssen. Zum Beispiel:

• Benutzeroberfläche - wie Benutzer Ihre Anwendung nutzen und mit ihr interagieren.
• Routing - wie Benutzer zwischen verschiedenen Teilen Ihrer Anwendung navigieren.
• Datenabruf - wo Ihre Daten gespeichert sind und wie Sie darauf zugreifen.
• Rendering - wann und wo Sie statische oder dynamische Inhalte rendern.
• Integrationen - welche Drittanbieterdienste Sie verwenden (für CMS, Authentifizierung, Zahlungen usw.) und wie Sie diese einbinden.
• Infrastruktur - wo Sie Ihren Anwendungscode bereitstellen, speichern und ausführen (serverless, CDN, Edge usw.).
• Leistung - wie Sie Ihre Anwendung für Endbenutzer optimieren.
• Skalierbarkeit - wie Ihre Anwendung mit dem Wachstum Ihres Teams, Ihrer Daten und Ihres Datenverkehrs umgeht.
• Entwicklererfahrung - die Erfahrung Ihres Teams beim Erstellen und Warten Ihrer Anwendung.

Für jeden Teil Ihrer Anwendung müssen Sie entscheiden, ob Sie eine Lösung selbst erstellen oder andere Tools wie Pakete, Bibliotheken und Frameworks verwenden möchten.

Was ist React?

React ist eine JavaScript-Bibliothek zum Erstellen interaktiver Benutzeroberflächen.

Mit Benutzeroberflächen (UI) meinen wir die Elemente, die Benutzer auf dem Bildschirm sehen und mit denen sie interagieren.

Mit Bibliothek meinen wir, dass React hilfreiche Funktionen (APIs) zum Erstellen von Benutzeroberflächen bereitstellt, aber es dem Entwickler überlässt, wo er diese Funktionen in seiner Anwendung einsetzt.

Ein Teil des Erfolgs von React liegt darin, dass es relativ unvoreingenommen gegenüber anderen Aspekten der Anwendungsentwicklung ist. Dies hat zu einer blühenden Ökosystem von Drittanbieter-Tools und Lösungen geführt, einschließlich Next.js.

Es bedeutet jedoch auch, dass die Erstellung einer vollständigen React-Anwendung von Grund auf einige Anstrengungen erfordert. Entwickler müssen Zeit für die Konfiguration von Tools und die Neuentwicklung von Lösungen für allgemeine Anwendungsanforderungen aufwenden.

Was ist Next.js?

Next.js ist ein React-Framework, das Ihnen Bausteine zur Erstellung von Webanwendungen bietet.

Mit Framework meinen wir, dass Next.js die Werkzeuge und Konfigurationen für React übernimmt und zusätzliche Struktur, Funktionen und Optimierungen für Ihre Anwendung bereitstellt.

Sie können React verwenden, um Ihre Benutzeroberfläche zu erstellen, und dann schrittweise Next.js-Funktionen nutzen, um allgemeine Anwendungsanforderungen wie Routing, Datenabruf und Caching zu lösen - und gleichzeitig die Entwickler- und Endbenutzererfahrung zu verbessern.

Egal, ob Sie ein einzelner Entwickler oder Teil eines größeren Teams sind, Sie können React und Next.js nutzen, um vollständig interaktive, hochdynamische und leistungsstarke Webanwendungen zu erstellen.

In den nächsten Kapiteln werden wir besprechen, wie Sie mit React und Next.js beginnen können.