Wir präsentieren Ihnen eine Übersetzung eines Artikels von Nwose Lotanna, der auf blog.bitsrc.io veröffentlicht wurde . Es enthält eine Auswahl der besten Frameworks und Informationen, die sowohl für Anfänger als auch für erfahrene Profis nützlich sind.Der nächste Bericht von State of JS und unsere Prognose für das neue Jahr sind da!
Werfen wir einen Blick auf den erstaunlichen Entwicklungspfad, das perfekte JavaScript im vergangenen Jahr und die Ansichten von mehr als 20.000 Webentwicklern aus der ganzen Welt. Wir werden sehen, welche Javascript-Frameworks für die Front-End-Entwicklung, Datenmanipulation und Backend-Entwicklung am beliebtesten waren, und versuchen, mögliche zukünftige Favoriten zu sehen.
Zustand von jsIn diesem Artikel stützen wir uns auf Daten und Erkenntnisse zum Status von JS sowie auf Erkenntnisse, die JetBrains in seinem jährlichen Bericht über den Zustand des Entwickler-Ökosystems teilt.
Was ist der Zustand von JS?
Eine jährliche Übersicht über alles rund um JavaScript. Die wunderschön visualisierten Antworten der daran beteiligten Entwickler spiegeln den aktuellen Stand von JavaScript wider. Die Umfrage behandelt die folgenden Themen: Front-End-Frameworks, Datenbanken, Status-Tools, Beziehungen zwischen Frameworks, Auswahl eines Frameworks durch Entwickler und Benutzerfreundlichkeit, in JavaScript kompilierte Sprachen, mobile Frameworks, Build-Systeme, Code-Test-Tools für JavaScript und vieles mehr ein anderer.
Warum Bundesstaat JS?
Dies ist die erste Umfrage, deren Befragte ausschließlich JavaScript-Entwickler sind. Es wurde 2016 von Sasha Greif und seinen Assistenten organisiert. Jetzt genießt er großen Respekt bei der Zielgruppe. Es gibt andere ebenso beliebte Umfragen - von Stack Overflow (über 100.000 Befragte) oder von JetBrains (über 6.000 Befragte). Heute konzentrieren wir uns jedoch auf eine Umfrage von State of JS - auch wegen der Schönheit der Visualisierung, die ihresgleichen sucht.
Teil 1. Frontend-Entwicklungsrahmen
Wir leben in einer Ära der Komponenten, und dies gilt nicht nur für das Front-End. Tools wie
Bit erfreuen sich wachsender Beliebtheit und machen es einfacher, Komponenten gemeinsam zu nutzen, wiederzuverwenden und neue Anwendungen schneller zu erstellen,
indem sie zusammengesetzt und mit anderen Projekten synchronisiert werden. Die Zukunft liegt definitiv bei komponentenorientierten Plattformen.
Hier werden wir Rahmenbedingungen für die Front-End-Entwicklung in der Reihenfolge der am meisten nachgefragten betrachten - aufgrund ihrer Zugänglichkeit sowie der Freude und Leichtigkeit der Arbeit.
1. Reagieren
React (mehr als 110.000 Sterne auf GitHub) ist eine effiziente und flexible deklarative JavaScript-Bibliothek zum Erstellen der Benutzeroberfläche des Facebook-Teams. Sie können mühelos eine interaktive Benutzeroberfläche erstellen. React unterstützt nicht nur das Erstellen objektzentrierter Anwendungen, sondern fördert es auch. Darüber hinaus haben die Entwickler des Frameworks die Abwärtskompatibilität ernst genommen, sodass Sie sicher sein können, dass Ihre Anwendung dauerhaft ist. Die obige Grafik zeigt deutlich, dass der Bekanntheitsgrad von React in den letzten Jahren erheblich gestiegen ist. Aus diesem Grund ist die Bibliothek ein guter Ausgangspunkt für Ihre Reise zur Front-End-Entwicklung.
React-Entwickler sind einer der bestbezahlten Javascript-Entwickler im Jahr 2018.Sie können eine neue Anwendung auf React erstellen, indem Sie die dafür vorgesehene Toolchain zum Erstellen, Reagieren und Anwenden verwenden, die derzeit die beliebteste der vorhandenen ist. Führen Sie die folgenden Zeilen in der Befehlszeile des Projektordners aus, um damit zu arbeiten:
npm create-react-app my-app cd my-app npm start
2. Vue
Vue.js, ein fortschrittliches Framework zum Erstellen von Benutzeroberflächen, das von Ewan Yu und 234 weiteren Enthusiasten erstellt wurde, hat auf GitHub mehr als 121.000 Sterne erhalten. Es enthält eine zugängliche Stammbibliothek, die in erster Linie Aufgaben auf Präsentationsebene löst, und ein Ökosystem zusätzlicher Bibliotheken, mit denen Sie komplexe und umfangreiche einseitige Anwendungen (einseitige Anwendungen) erstellen können.
Vue.js wird genau wie die Wortansicht ausgesprochen und hat 4.000 mehr GitHub-Sterne als React.Wie Sie in der Grafik sehen können, hat Vue es geschafft, über die Marketinglücke zu springen: Fast jeder Entwickler hat davon gehört. Es ist davon auszugehen, dass dies auf die enormen Anstrengungen zurückzuführen ist, die Evan und sein Team seit 2017 unternommen haben, um an verschiedenen Meetings und Konferenzen teilzunehmen und ihre eigenen zu organisieren. Trotzdem besteht immer noch die Wissenslücke der Entwickler, und um sie zu schließen, müssen 2019 weitere Schulungsmaterialien für die Arbeit mit Vue.js erstellt werden. Installieren Sie dieses Framework mit npm:
npm install vue
3. Winkel
Angular ist ein Framework von Google, das auf GitHub fast 44.000 Sterne erhalten hat. Es ist eine Plattform, die die Zusammenstellung von Anwendungen im Web vereinfacht. Angular kombiniert deklarative Muster, Abhängigkeitsinjektion, bidirektionale Datenbindung und Best Practices zur Lösung von Entwicklungsproblemen. Mit dieser Plattform können Sie Anwendungen für das Web, mobile Geräte und Desktop-PCs erstellen. Es bietet die bequemste und verständlichste Befehlszeilenschnittstelle (CLI) für Anfänger und sogar die Konsole (Console) - einen Client mit grafischer Oberfläche.
Wenn Sie sich das Diagramm ansehen, sehen Sie einen großen Unterschied zu den Diagrammen der oben beschriebenen Frameworks. Der Punkt ist die Verzerrung in den Daten, die sich aus dem Wortlaut der Fragen ergab, die AngularJS, ein unabhängiges Angular-Framework, ausschließt. Deshalb ist es besser, diese Visualisierung nicht zu berücksichtigen. Um die CLI mit npm zu installieren, öffnen Sie eine Eingabeaufforderung oder ein Konsolenfenster und geben Sie den folgenden Befehl ein:
npm install -g @angular/cli
Teil 2. Datenrahmen
In diesem Teil werden wir Datenübertragungs- und Verwaltungstechnologien betrachten.
1. Redux
Redux ist mit 45.000 Sternen auf GitHub ein vorhersehbarer Statuscontainer für Javascript-Anwendungen. Es ist hilfreich, Anwendungen mit stabilem Verhalten zu schreiben, die auf dem Client, Server und der nativen Umgebung ausgeführt werden und einfach zu testen sind. Redux kann mit React oder einer anderen Bibliothek zur Präsentation verwendet werden.
In der Grafik können Sie die gleichen Markenbekanntheitstrends wie bei Vue beobachten: Fast jeder Javascript-Entwickler hat von Redux gehört. Gleichzeitig beschweren sich einige von ihnen über die Komplexität der Arbeit mit diesem Framework. Um es für Entwickler attraktiver zu machen und Konzepte zugänglicher zu machen, sind mehr Schulungsmaterialien erforderlich. Verwenden Sie zum Installieren den folgenden Befehl:
npm install — save redux
2. GraphQL
Facebooks GraphQL mit einer GitHub-Bewertung von mehr als 10.000 Sternen ist die Sprache für die Formulierung von Abfragen in der API (Application Programming Interface) und die Umgebung für die Ausführung dieser Abfragen unter Verwendung vorhandener Daten. Damit können Sie eine vollständige und verständliche Beschreibung der Daten in der API bereitstellen, sodass Kunden nur das anfordern können, was sie benötigen, und nicht mehr. Dank dessen wird es mit der Zeit einfacher, Anwendungsprogrammierschnittstellen zu entwickeln und leistungsstarke Entwicklungstools zu verwenden.
Natürlich wird es 2019 eine Marktnische für die Arbeit mit GraphQL geben, da viele Leute daran interessiert sind, es zu studieren. Darüber hinaus zeigt die Grafik, dass die mangelnde Markenbekanntheit im Jahr 2018 nahezu vollständig beseitigt wurde. Verwenden Sie zum Installieren von GraphQL npm:
npm install graphql
3. Apollo
Die Apollo-Plattform ist eine Implementierung von GraphQL, mit der Sie Daten aus der Cloud auf die Benutzeroberfläche leiten können. Es eignet sich für die schrittweise Implementierung und kann als zusätzliche Schicht für vorhandene Services dienen, einschließlich APIs und Datenbanken, die unter Berücksichtigung von REST erstellt wurden. Zusätzlich zum Entwickler-Toolkit, das alles bietet, um die Grafik-API sicher auszuführen, enthält Apollo zwei Open-Source-Bibliotheken für den Client und den Server.
Die obige Grafik zeigt, wie stark die Markenbekanntheit gestiegen ist und wie viel mehr in diesem Bereich getan werden muss. Es ist auch zu sehen, dass fast jeder, der Apollo ausprobiert hat, bereit ist, es erneut zu verwenden. Es würde jedoch nicht schaden, neue Schulungsmaterialien hinzuzufügen, um die Plattform 2019 erfolgreicher zu machen. Verwenden Sie npm, um Folgendes zu installieren:
Teil 3. Backend-Entwicklungsframeworks
In diesem Bereich gibt es keine wesentlichen Änderungen: Express liegt noch vor uns - kein anderes Backend-Framework könnte Entwicklern in gleichem Maße gefallen.
1. Express
Besitzer von mehr als 41.000 Sternen auf GitHub, Express - ein schnelles, flexibles und minimalistisches Webframework für Node.js-Anwendungen.
Im Jahr 2018 hat Express seine Aufgaben hervorragend gemeistert: Es hat nicht nur seinen Führungsstatus beibehalten, sondern auch die Konkurrenz weit hinter sich gelassen. Wenn Sie mit JavaScript im Anwendungs-Backend arbeiten, wählen Sie es aus und Sie werden nicht verlieren. Verwenden Sie npm, um Folgendes zu installieren:
npm install express — save
2. Weiter js
Obwohl es nicht genügend Daten gab, um das Wachstum über die Lebensdauer von Next zu visualisieren, können wir dennoch sagen, dass dieses Backend-Framework ein gutes Jahr hatte und es zum gefragtesten Express-Framework macht.
Next, das auf GitHub mehr als 32.000 Sterne erhalten hat, bietet Entwicklern einen einfachen Start, da React für Vorlagen verwendet wird. Entwickler mit Erfahrung in React using Next können schnelle Ergebnisse erzielen. Verwenden Sie npm, um Folgendes zu installieren:
npm install --save next react react-dom
3. Koa
Im letzten Jahr hat die Popularität von Koa zugenommen, obwohl sich die Zufriedenheit der Entwickler mit diesem Framework anscheinend nicht geändert hat, da Express immer noch führend ist. Wenn wir uns jedoch die Diagramme anderer Backend-Frameworks (zum Beispiel Meteor) ansehen, können wir sagen, dass Koas Angelegenheiten nicht schlecht sind - und sogar noch besser sein könnten.
Dieses neue Webframework mit mehr als 24.000 Sternen auf GitHub wurde vom selben Team wie Express als weniger sperrige, ausdrucksstärkere und zuverlässigere Plattform für Webanwendungen und APIs erstellt. Mit asynchronen Programmiertools können Sie mit Koa Rückruffunktionen aufgeben und Fehler viel effizienter verarbeiten. Der Koa-Kernel erstellt keine Middleware. Dieses Framework verfügt über eine Reihe erstklassiger Techniken, die das Schreiben von Servern schnell und unterhaltsam machen. Verwenden Sie npm, um Folgendes zu installieren:
npm install koa
Referenzen
- Alle Bilder und visuellen Daten stammen von der offiziellen JavaScript- Website .
- Weitere Informationen zur Verzerrung von Winkeldaten finden Sie hier . Und hier sehen Sie die Analyse der Umfrage.
- Einige Daten aus der Stack Overflow-Umfrage finden Sie hier .
- Einige Daten aus der JetBrains-Umfrage finden Sie hier .
Fazit
Wir haben Javascript-Frameworks untersucht, die im vergangenen Jahr bei Entwicklern am beliebtesten waren und dies auch im nächsten Jahr bleiben werden. Wenn Sie ein Anfänger sind, ist es wichtig, alles auf der Suche nach den beliebtesten zu versuchen. Für Lehrer und Artikelautoren ist es gleichermaßen wichtig zu wissen, welche Ressourcen nicht ausreichen, um diese Lücken zu schließen. Happy New Code, und zögern Sie nicht, Kommentare zu hinterlassen! :) :)