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.