Online React Code Editor | Compiler | React WYSIWYG
Table of Contents
Schritte zur Verwendung des React.js Online-Editors und Compilers
- Es gibt drei Dateien im Editor index.html, style.css und react.js – Platzieren Sie den HTML-Code in der Datei index.html, den CSS-Code in style.css und die React-Javascript-Funktion in react.js
- Nachdem Sie den Code im Online-React-Editor geschrieben haben, können Sie einfach auf die Schaltfläche Ausführen klicken, um den Code auszuführen.
- Die Ausgabe des Codes für die React IDE können Sie auf der rechten Seite im Bereich “Ergebnis” sehen.
- Um ein zusätzliches Bild, eine Javascript- oder css-Datei hinzuzufügen, klicken Sie einfach auf das Symbol mit der Plus-Schaltfläche: Fügen Sie den Code ein und benennen Sie die Datei.
Start mit dem React Online Code Editor
Wesentliche Merkmale des Online-React-Code-Editors und -Compilers
- Online React-Editor und -Ansicht können verwendet werden, um Javascript-Funktionen einschließlich der react.js-Bibliothek auszuführen.
- Sie können den Code direkt im Editor schreiben und den Code gleichzeitig in der Ansicht ausführen.
- Es unterstützt die neueste Version der react.js-Bibliothek.
- Der Online-React-Compiler und -Editor ist für die Visualisierung des Codes ohne zusätzliche Konfigurationen geeignet.
- Der Online-View-React-Editor wird von Trinker.io unterstützt und gehostet
- Sie können eine beliebige Anzahl von Bildern, CSS-Stylesheets und Javascript-Dateien in den Editor einfügen.
- Sie können den react.js-Editor-Code online mit jedem teilen, indem Sie den Share-Button verwenden.
- Sie können den react-Code auch mit einem Klick auf eine Schaltfläche herunterladen.