Get best of the week

Wenig bekannte, aber beliebte JS-Frameworks für das Frontend

Vor nicht allzu langer Zeit haben wir beim Erstellen dynamischer Webanwendungen reines JavaScript oder jQuery verwendet, um mit dem DOM zu arbeiten. Seitdem sind viele großartige JavaScript-Frameworks und -Bibliotheken entstanden. Sie helfen bei der Entwicklung von Projekten, die in Attraktivität und Bequemlichkeit das bisherige übertreffen. Der Autor des Artikels, dessen Übersetzung wir heute veröffentlichen, möchte über einige leistungsstarke, aber wenig bekannte Client-Frameworks und -Bibliotheken sprechen, die auf JavaScript basieren. Natürlich sind die Big Three, vertreten durch Angular , React und Vue , nirgendwo hingegangen, aber in der Welt der Webentwicklung gibt es andere Tools, die Aufmerksamkeit verdienen. Wie Svelte , Preact und Riot



. Die Frage der Wahl des richtigen Mittels hängt von vielen Faktoren ab. Darunter - das Wissen des Entwicklers, die Projektmerkmale, die Marktsituation. Schauen wir uns daher wenig bekannte Frameworks an und erweitern so die Wahlfreiheit für diejenigen, die das richtige Werkzeug für ihr nächstes Projekt suchen.

Svelte



Svelte Framework ist ein neuer Vertreter von Front-End-Entwicklungstools, deren Popularität in letzter Zeit stetig zunimmt. Sie sprechen über ihn als Beispiel für einen völlig neuen Ansatz zur Erstellung von Benutzeroberflächen. Im Vergleich zu Vue oder React, die bei ihrer Arbeit stark auf Browserfunktionen angewiesen sind, arbeitet Svelte anders. In der Phase des Projektaufbaus umfasst er einen Kompilierungsschritt, der zur Verbesserung der Leistung von darauf basierenden Projekten beiträgt.

Svelte zielt nicht nur auf die Produktivität abgeschlossener Projekte ab, sondern auch auf die Bequemlichkeit des Entwicklers. Dies wird erreicht, indem weniger große Mengen an Boilerplate-Code geschrieben werden müssen.

▍ Hauptmerkmale


  • Beeindruckende Leistung
  • Kleine Builds
  • Verfügbarkeit
  • Standard Style Encapsulation System
  • Deklarative Übergänge
  • DOM

Ember



Ember.js - Dies ist ein weiteres hervorragendes Client-Framework, das die Entwicklung von Webanwendungen beschleunigt und dem Entwickler die Last nimmt, sich wiederholende Standardaktionen auszuführen. Es ermöglicht Programmierern, mit erweiterten JavaScript-Funktionen zu arbeiten.

Dieses Framework verfügt über ein wunderbares Befehlszeilentool, das die Aufgaben beim Erstellen von Projekten und deren Testen beschleunigt und eine praktische Entwicklungsumgebung mit Funktionen wie dem automatischen erneuten Laden von Seiten unterstützt. Ember hat auch einen ausgezeichneten Router, dessen Ideen Entwickler anderer ähnlicher Systeme inspirierten, zum Beispiel den React-Router. Das Framework ist sehr produktiv, da es Technologien verwendet, die das Rendern von Seiten beschleunigen.

Ember-Add-Ons bieten dem Entwickler viele Plugins, mit denen Sie die Funktionen von Anwendungen erweitern können. Das Ember Concurrency-System kann beispielsweise zum Schreiben von zuverlässigem asynchronem Code verwendet werden. Und Simple Auth ist ein Addon, das viele Authentifizierungsmethoden implementiert. Mit dem Ember CLI Deploy-Tool können Sie unterstützte Bereitstellungslogik implementieren, die wiederverwendet werden kann.

▍ Hauptmerkmale


  • Standard-Projektmontage-Pipeline
  • Das beste Routing-System unter ähnlichen Tools
  • Erweiterte Datentools
  • Testsystem in vollem Umfang
  • Sechs Wochen Release-Zyklus

Vorbereiten



Die Preact-Bibliothek ist, wie der Name schon sagt, React sehr ähnlich. Die Preact-Bibliothek ist zwar viel kleiner und nur 3 KB groß. Diese Bibliothek bietet dem Entwickler jedoch dieselbe moderne API wie React. Preact bietet dem Programmierer die kompakteste Implementierung der virtuellen DOM-Abstraktion, stabile Plattformfunktionen und Ereignisverarbeitungstools. Diese Bibliothek kann ohne Transpilationsschritt direkt im Browser verwendet werden.

Preact ist außerdem eine der schnellsten Client-Bibliotheken, die sich durch bescheidene Größe und hohe Leistung auszeichnet.

▍ Hauptmerkmale


  • Unterstützung für ES6-Klassen, Hooks und Funktionskomponenten
  • Unterstützung für JSX, Virtual DOM und Entwicklertools
  • Standard-Server-Rendering-Unterstützung
  • Unterstützung für moderne Browser (IE11 +)

Randalieren



Riot ist eine einfache und elegante komponentenbasierte Entwicklungsbibliothek für Benutzeroberflächen. Sie können benutzerdefinierte Elemente in allen modernen Browsern verwenden, ohne dass Polyfills erforderlich sind. Diese Komponenten helfen dabei, HTML und JavaScript zu kombinieren, um Entitäten zu bilden, die für die Wiederverwendung geeignet sind. Die Riot-Syntax ist sauber und für den Entwickler leicht verständlich.

Die Größe von Riot beträgt nur 6 KB, das heißt, wir sprechen von einer sehr kompakten Bibliothek. Diese Bibliothek unterstützt weniger API-Methoden als ihre größeren Gegenstücke. Dies deutet darauf hin, dass der Programmierer für den produktiven Einsatz von Riot nicht viel Zeit für das Training aufwenden muss.

▍ Hauptmerkmale


  • Hohe Leistung und Vorhersehbarkeit
  • Nähe zu Webstandards
  • Gute Beziehung zu Entwicklungswerkzeugen
  • Schöne Syntax
  • Hohe Lerngeschwindigkeit
  • Bescheidene Größe
  • Leistungsstarkes modulares Ökosystem

Aurelia



Aurelia ist ein modernes clientseitiges JavaScript-Framework für die Entwicklung von Webanwendungen, Mobil- und Desktop-Projekten. Anwendungen, die Aurelia verwenden, werden erstellt, indem einfache Komponenten basierend auf reinem JavaScript oder TypeScript und dem entsprechenden HTML-Code zusammengestellt werden.

Das Aurelia-Framework verfügt über eine hervorragende Dokumentation. Seine Funktionen werden in den Tutorials ausführlich beschrieben. All dies hilft denen, die sich mit diesem Framework auseinandersetzen und es schnell beherrschen möchten. Aurelia enthält ein leistungsstarkes Strahltriebwerk zum Implementieren von Bindungen, ein Template-System, einen Router und Plugins. Aurelia unterstützt Server-Rendering und andere erweiterte Funktionen.

▍


  • , ,

Mithril



Mithril.js ist ein modernes clientseitiges JS-Framework, das für die Entwicklung von einseitigen Webanwendungen entwickelt wurde. Es ist klein (9,79 KB), unterstützt Routing und XHR.

Es wird von Unternehmen wie Nike und Vimeo verwendet. Zu den von ihm unterstützten Technologien zählen JSX, ES6 +, Animation und Tests.

Für dieses Framework wurde eine gute Dokumentation erstellt, die Anfängern hilft, es schnell herauszufinden. Dort finden Sie Beispiele, anhand derer Sie die Fähigkeiten von Mithril bequem erlernen können. Es ist anzumerken, dass dieser Rahmen meiner Meinung nach in Bezug auf die Dokumentation hinter den anderen Tools zurückbleibt, die wir hier untersucht haben.

▍ Hauptmerkmale


  • Sehr hohe Leistung
  • Virtual DOM-Unterstützung
  • Unterstützung des Komponentenlebenszyklus

Zusammenfassung


Ich hoffe, dieses Material zeigt gut, dass das Leben jenseits von Angular, Vue und React liegt. Einige Projekte erfordern Ansätze und Werkzeuge, die sich von denen unterscheiden, die jeder hört. Die Auswahl eines geeigneten Tools hängt stark von den Funktionen des Projekts ab, das Sie damit erstellen möchten.

Am Ende möchte ich sagen, dass Sie sich definitiv nicht irren werden, wenn Sie eines der in den "Big Three" enthaltenen Frameworks für Ihr Projekt auswählen. Angular eignet sich hervorragend für die Entwicklung von Großprojekten. Winkel-Frontends werden häufig in Verbindung mit Java-Backends verwendet. React und Vue sind ebenfalls gute Optionen. Ich möchte einen Rat geben: Werden Sie keine Fans von Frameworks oder Bibliotheken. Versuchen Sie bei der Auswahl eines Tools einfach, offen an den Auswahlprozess heranzugehen und etwas zu finden, das den Anforderungen Ihres Projekts entspricht.

Liebe Leser! Verwenden Sie Frameworks oder Bibliotheken, die nicht in den Big Three enthalten sind?

More articles:


All Articles