Möchten Sie die Vor- und Nachteile der Verwendung von WordPress mit ReactJS kennen?
ReactJS ist ein JavaScript-Framework, eine Bibliothek, die eine informative Methode zur Definition von UI-Komponenten bietet. Außerdem ermöglicht ReactJS eine vollständige Trennung von Daten und Präsentation. React bietet etwas mehr als nur eine Präsentationsschicht.
Überraschenderweise begeisterte ReactJS die WordPress-Community im November 2015, als Matt Mullenweg Calypso vorstellte – das Ergebnis von mehr als zwanzig Monaten Arbeit durch Dutzende von Ingenieuren und Designern.
Calypso wurde beschrieben als:
- Vollständig in JavaScript geschrieben, unter Verwendung von Bibliotheken wie Node und React.
- Unglaublich schnell.
- 100 % API-gesteuert.
- Vollständig responsiv.
React hat seine Popularität zu Recht erlangt. Dank seiner vielen Vorteile hat es eine ganze Armee von Fans und Mitwirkenden. Es belegt den sechsten Platz in der GitHub-Trending-Liste und hat 75.000 Sterne.
Aber egal wie groß ein Produkt ist, es hat immer Nachteile. Manchmal sind diese auf den ersten Blick nicht erkennbar.
Daher haben wir die wichtigsten Vor- und Nachteile dieser großartigen JavaScript-Bibliothek zusammengestellt.
Legen wir los!
Die Vor- und Nachteile der Verwendung von WordPress mit ReactJS
Vorteile von ReactJS
1. Lernkurve – Einfacher Einstieg (wenn man die Syntax überwindet)
Das Schreiben von React-Templates ist dank JSX dem Schreiben von HTML mit Interpolation sehr ähnlich. Es sieht genauso aus wie Mustache-Templates, außer dass der Markup direkt im JavaScript-Komponentencode liegt.
Templates sind die Dateien, die steuern, wie Ihre WordPress-Website im Web angezeigt wird. Diese Dateien beziehen Informationen aus Ihrer WordPress-MySQL-Datenbank und erzeugen den HTML-Code, der dann an den Webbrowser gesendet wird.
React ist insofern ungewöhnlich, als Sie ermutigt werden, alle Ihre Markup-, Stil- und Funktionselemente an einem Ort zusammenzufassen. Langfristig bietet das jedoch Komfort und extreme Modularität – was bekanntlich von Vorteil ist.
2. Wiederverwendung von Code-Komponenten
ReactJS behebt das übliche Problem von Upgrades, indem es Entwicklern ermöglicht, vorhandene Komponenten wiederzuverwenden. Da alle Komponenten isoliert sind, wirkt sich eine Änderung in einer Komponente nicht auf andere aus.
Diese hervorragende Funktion ermöglicht es Entwicklern, Komponenten wiederzuverwenden, die selbst keine Änderungen vornehmen. Das macht das Programmieren für Entwickler präziser und genauer und erhöht damit die Produktionsgeschwindigkeit.
3. Vollständige Trennung von Daten und Präsentation
React bietet etwas mehr als eine Präsentationsschicht. Selbst in React-Komponenten ist der Begriff “State” kein eigenes Konzept, wird jedoch am besten für kurzfristige Speicherung verwendet.
Alles, was Sie bei einem neuen Render verlieren können, kann in den React-State eingefügt werden. Wenn React jedoch mit Redux kombiniert wird, liefert die Unterbringung möglichst vieler Daten im Redux-Store in der Regel die besten Ergebnisse, da dies eine vollständige Trennung von State (Redux) und Präsentation (React) ermöglicht. Und natürlich ist die REST API von WordPress die Art, wie die Daten zu Redux und React gelangen.
4. Geschwindigkeit – kein Nachdenken über erneutes Rendern!
Der Vorteil dieser Trennung der Zuständigkeiten besteht darin, dass Sie sich nicht darum kümmern müssen, ob etwas bereits gerendert wurde oder ob es das erste Mal ist.
Da das React-Rendering unveränderlich ist, werden das erste und das hundertste Rendering derselben Komponente auf die gleiche Weise gesteuert. Wenn sich der State ändert, rendert Redux die relevanten Komponenten auf der Seite neu.
5. React ist kein Framework
React ist eine Bibliothek, die eine deklarative Methode zur Definition von UI-Komponenten bietet. ReactDOM ist eine kombinierte Bibliothek, die Rendering und DOM-Diffing anbietet.
Auch Redux ist eine Bibliothek, die einen Datenspeicher bereitstellt, und React-Redux fungiert als Verbindungselement zwischen React und Redux.
6. Zugang zur nativen Welt
React Native ermöglicht die Entwicklung mobiler Anwendungen nur mit JavaScript. Dabei verwendet es dasselbe Design wie React und lässt Sie eine umfangreiche mobile Benutzeroberfläche aus deklarativen Komponenten erstellen.
7. Von Facebook unterstützt
React wird von Unternehmen wie Airbnb, Dropbox, Facebook, Alipay, Netflix, Reddit und vielen mehr eingesetzt.
8. Einfaches Framework
ReactJS ist einfacher zu verwenden als viele Frameworks oder Bibliotheken. Es ist sehr einfach zu verstehen und zu erlernen. Mit Grundkenntnissen in der Programmierung kann jeder professionelle mobile und Web-Anwendungen erstellen und unterstützen. Es verwendet auch eine einzigartige Syntax namens JSX, die eine einfache Kombination von JavaScript und HTML ermöglicht.
1. React ist kein Framework. Nochmals
Die Philosophie ist großartig, aber wenn es schnell gehen muss, kann der React-Ansatz frustrierend sein. Wenn Sie Kunden und Projekte haben, Deadlines anstehen und die erste Seite Ihres React-Handbuchs nicht mehr funktioniert, kann das frustrierend werden.
Die Flexibilität, mit der React eingesetzt werden kann, ist gut für Experimente. Aber es ist eine Herausforderung, wenn man ordentlich arbeiten möchte. Denn dabei wird Ihnen niemand Zeit sparen.
2. Community-Konventionen entwickeln sich noch
Wie erstelle ich es? Wie steuern die Leute es? Ich würde nicht sagen, dass Bibliotheksentwickler keine starken Meinungen dazu haben, wie ihre Bibliotheken verwendet werden sollten – sie haben definitiv welche. Das Problem ist, dass Fluktuation und Änderungen so schnell sind, dass sie keine Zeit haben, sich zu allgemeinen Praktiken zu festigen.
Nur wer wirklich täglich, monatlich und wöchentlich die Veränderungen in der React-Community verfolgt, kann den besten Weg zur Verwendung der X-Bibliothek erkennen.
3. Einschränkende Lizenzierung
Wie wir alle wissen, ist das inzwischen nicht mehr der Fall, aber wenn man darüber nachdenkt, hat sich das Automattic/WordPress-Team für React entschieden. Allerdings hat dieser damals größte Nachteil dazu geführt, dass Monate damit verbracht wurden, Calypso und Gutenberg neu zu schreiben.
Der Gutenberg-Editor ist der neue Beitragseditor, der den klassischen Editor in WordPress ersetzen soll. Gutenberg bringt die WordPress-Funktionalität mit und macht das Erstellen inhaltsreicher, ansprechend aussehender Seiten einfacher als je zuvor.
4. Build-Tools sind notwendig (oder zumindest stark empfohlen)
Für alle Front-End-Apps außer den einfachsten sind solide Build-Tools sehr empfehlenswert. Für eine einfache Anwendung können Sie oft mit einem Shell-Skript in Ihrer ‘package.json‘-Datei auskommen. Für komplexere Anwendungen möchten Sie Tools wie Gulp verwenden, um viele Aufgaben zu verwalten.
Diese Build-Tools sind nützlich, bleiben aber unnötig kompliziert. Ich empfehle, bei NPM-Skripten wie oben zu bleiben und das Befehlszeilenprogramm Ihres Build-Tools zu verwenden, zum Beispiel “Browserify” oder “WebPack-Dev-Server”.
Das war’s! Wir haben die “Vor- und Nachteile der Verwendung von WordPress mit ReactJS” besprochen.
Jetzt kennen Sie die Vor- und Nachteile von ReactJS. Vergessen Sie nicht, mir Ihre Meinung im Kommentarbereich unten mitzuteilen. Das ist alles von unserer Seite. Wir hoffen, dieser Blog hat Ihnen geholfen.
