JavaScript Editor: React JS TS

Schreiben Sie JavaScript, TypeScript und React auf Ihrem Android-Telefon. Ein echter Code-Editor mit Live-Vorschau, npm-Paketen, Multi-Datei-Projekten und einem Tippen, um Ihre Arbeit ins Web zu stellen.

JavaScript Editor ist eine mobile Entwicklungsumgebung für Webentwickler, Studenten und Interview-Vorbereiter. Der Editor, die Konsole und die React-Vorschau laufen alle auf Ihrem Gerät.

WAS SIE TUN KÖNNEN

• JS: console-logs, warnings, errors inline

• React-Komponenten JSX: Vorschau Gerät

• TS & TSX: types autom. entfernt

• Projekt: Dateien/Ordner, Importe

• npm-Pakete mit import

• Projekt als Link: Browser öffnen/teilen

• .js, .jsx, .ts & .tsx öffnen/speichern

MEHRDATEIEN-PROJEKTE

Echte Apps bestehen nicht aus einer Datei. Fügen Sie Komponenten und Ordner hinzu, importieren Sie zwischen ihnen mit gewöhnlichen relativen Pfaden, und wechseln Sie Dateien über eine für den Telefonbildschirm entwickelte Tab-Leiste. Ihre Startdatei wird automatisch eingebunden, wenn Sie auf Ausführen tippen.

TYPESCRIPT

TypeScript aktivieren und .ts und .tsx mit interfaces, generics und typed props schreiben. Types werden vor Ausführung entfernt, Ihr Code läuft, sobald Sie auf Run tippen.

NPM PAKETE

Ein Paket namentlich importieren, es wird zur Laufzeit aufgelöst. Kein Terminal, kein Installationsschritt, keine Konfigurationsdatei. Eine UI-Bibliothek, einen Datumshelfer oder ein Animationspaket einbinden und sofort nutzen.

VERÖFFENTLICHEN IM WEB

Jedes Projekt wird zum Link. Multi-Datei-Importe, npm Pakete und TypeScript sind enthalten, wie in der App. Code ändern, erneut veröffentlichen – Link bleibt gleich, zeigt neue Version. Seite jederzeit offline nehmen.

CODE-EDITOR

Syntaxhervorhebung, Zeilenumbruch, eine Symbolleiste für Satzzeichen, die Sie sonst suchen müssten, eine React hooks-Verknüpfungsleiste, Suchen und Ersetzen und ein Rückgängig-Verlauf mit echter Tiefe. Monospace-Typografie für kleine Bildschirme, anpassbare Schriftgröße und Einzugsbreite und eine Reihe dunkler Editor-Designs.

JAVASCRIPT KONSOLE UND DEBUGGING

Führen Sie beliebige Snippets aus und lesen Sie die Konsole unter dem Editor. Farbcodierte Ebenen für log, info, warn und error, Zeitstempel und Ein-Tap-Löschen. Fehler erscheinen dort, wo sie aufgetreten sind, damit Sie die fehlerhafte Zeile finden und beheben können.

REACT VORSCHAU

Tap Run und Ihre Komponente erscheint in einem Live-Vorschaufenster unter dem Editor. CSS mit einem Tippen bearbeiten. In den Vollbildmodus wechseln, um das Ergebnis zu prüfen.

BEISPIELE GALERIE

Ausgewählte JavaScript und React Beispiele — arrays und iteration, async und await, closures, classes, fetch, hooks, state, dynamic lists, forms und visual effects. Filtern nach JavaScript oder React mit einem tab.

SPEICHERN, ÖFFNEN UND EXPORTIEREN

Speichern Sie in der App oder auf Ihr Gerät über den system dialog. Öffnen Sie vorhandene Dateien direkt vom Telefon; die Erweiterung wählt den richtigen Modus. Exportieren Sie ein Projekt als eigenständige HTML-Datei, die in jedem Browser läuft.

ZIELGRUPPE

• Webentwickler, die Komponenten ohne Laptop entwerfen

• Studenten, die JavaScript, TypeScript, React oder das DOM lernen

• Interview-Vorbereiter, die Algorithmen in echtem JavaScript üben

• Autodidakten, die Tutorials auf einem Telefon folgen

• Jeder, der einen mobilen JavaScript-Spielplatz sucht, der echte Arbeit speichert

EIN PRO-UPGRADE IST VERFÜGBAR

Der Editor, die Konsole, die React-Vorschau und die Beispielgalerie sind kostenlos nutzbar. Ein Pro-Upgrade entfernt Werbung und ermöglicht Mehrdateiprojekte, TypeScript, Veröffentlichung, Editor-Designs, benutzerdefinierte Snippets, Suchen und Ersetzen sowie Ein-Tap-Formatierung.

SPRACHEN

Verfügbar in 16 Sprachen, darunter Englisch, Spanisch, Portugiesisch, Französisch, Deutsch, Russisch, Hindi, Bengali, Indonesisch, Türkisch, Urdu, Arabisch, Somali, Chinesisch (vereinfacht), Japanisch und Koreanisch.