Nächster Schritt nach Node.js: Framework für ‚universelle‘ JavaScript-Anwendungen

Nächster Schritt nach Node.js: Framework für 'universelle' JavaScript-Anwendungen

Das Next.js-Framework für Server-gerenderte „universelle“ JavaScript-Anwendungen ist Open Source.

Aufbauend auf der React-JavaScript-Bibliothek, dem Webpack-Modulbundler und dem Babel-JavaScript-Compiler, ist Next.js ein minimalistisches Framework für Server-gerenderte React-Anwendungen. Es wird von Entwicklungswerkzeugen Builder angeboten Zeit und installiert über npm „Wir erstellt Next.js, weil wir glauben, universelle isomorphe Anwendungen sind ein großer Teil der Zukunft des Web“, sagte Nächstes Entwickler.

[Verwenden Sie JavaScript in Ihrem Dev-Shop? InfoWorld betrachtet 17 JavaScript-Editoren und IDEs und 22 JavaScript Frameworks zur Adoption bereit. aufrechtzuerhalten Informieren Sie sich über aktuelle Themen der Programmierung mit dem InfoWorld Application Development Newsletter. ]

Seit vielen Jahren verfolgt das nächste Team seine Vision von universellen JavaScript-Apps. „Node.js führte den Weg durch die Nutzung von Code-Sharing zwischen Client und Server, Erweiterung der Beitragsfläche für viele Entwickler auf der ganzen Welt“, sagte der Entwickler. Viele Versuche wurden gemacht, um es praktisch zu machen, Apps und Websites auf Node zu entwickeln. Viele Template-Sprachen und Frameworks kamen, aber die technische Kluft zwischen Front-End und Back-End blieb. Wenn Entwickler beispielsweise Express und Jade verwendet haben, würden einige HTML-Dateien vom Server gerendert, während eine andere, von jQuery angetriebene Codebasis übernehmen würde.

React bietet ein Modell an, in dem die Renderfunktion die UI-Repräsentation basierend auf Daten, die zu diesem Zeitpunkt verfügbar sind, zurückgibt. Aber Next-Entwickler sagte, dass dies nicht ausreichend, weil es einen Komponenten-Lebenszyklus fehlte. „Lifecycle-Hooks ermöglichen es uns, die Fortsetzung von einigen Rendering, die auf dem Server entstanden sind, zu behandeln“, sagte der Entwickler. „Sie können mit einer statischen Darstellung von Daten beginnen, beispielsweise Echtzeit-Updates von einem Server abonnieren und diese im Laufe der Zeit ändern oder vielleicht auch nur statisch bleiben.“ Next.js, sagten sie , war ihre Annahme, wie diese Vision zu bringen.

Next.js basiert auf sechs Grundprinzipien: Null-Setup und Verwendung des Dateisystems als API; Nur mit JavaScript, mit allem, was als eine Funktion; Automatische Server-Rendering und Code-Splitting; Datenabruf ist dem Entwickler überlassen; Vorwegnahme ist der Schlüssel zur Leistung; Und einfache Bereitstellung. Es verfügt über ein Seiten-Unterverzeichnis, in dem Komponenten der obersten Ebene leben, und alle Routen basieren auf ES6-Modulen, die eine Funktion oder eine Klasse exportieren, die von React.component erweitert wird. Mit diesem Ansatz bleibt das System komponierbar und prüfbar.

Für die Leistung versucht Next.js, das Beste aus den „vollständig server-rendered“ und „single-page app, nothing server-rendered“ realms zu bringen. „Für www.zeit.co haben wir eine Technik auf Next.js implementiert, die uns das Beste aus beiden Welten bringt: Jedes einzelne < Link / > -Tag holt die Komponente der JSON-Komponente der Komponente vor dem Hintergrund über Ein ServiceWorker. „Darüber hinaus ist CSS-in-JS mit der Glamour-Bibliothek, die CSS-Funktionen, ohne die Notwendigkeit für die Analyse und Kompilierung. Mit Next.js können große Teams auf Komponenten mit unterschiedlichen geschäftlichen und technischen Anforderungen zusammenarbeiten.

Zukünftige Pläne für Next.js fordern Unterstützung für steckbare Renderer, bessere JSX und benutzerdefinierte Babel und Webpack-Konfiguration.

Diese Geschichte, „Nächster Schritt nach Node.js: Framework für“ universelle „JavaScript-Apps“ wurde ursprünglich von InfoWorld veröffentlicht.

q , q

Zusammenhängende Posts:

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.