JavaScript Editor: React JS TS

Schrijf JavaScript, TypeScript en React op je Android-telefoon. Een echte code-editor met live preview, npm-pakketten, projecten met meerdere bestanden en één tik om je werk online te zetten.

JavaScript Editor is een mobiele ontwikkelomgeving voor webontwikkelaars, studenten en mensen die zich voorbereiden op sollicitatiegesprekken. De editor, de console en de React-preview draaien allemaal op je apparaat.

WAT JE KUNT DOEN

• Schrijf JavaScript en voer het uit met console-uitvoer — logs, waarschuwingen en fouten, inline

• Schrijf React-componenten met JSX en bekijk een live preview op je apparaat

• Schrijf TypeScript en TSX waarbij typen automatisch worden verwijderd voordat je code wordt uitgevoerd

• Splits een project op in meerdere bestanden en mappen en importeer ertussen

• Importeer npm-pakketten met een normale import-instructie

• Publiceer een project naar een link die je in elke browser kunt openen en naar iedereen kunt sturen

• Open en sla .js-, .jsx-, .ts- en .tsx-bestanden overal op je apparaat op

PROJECTEN MET MEERDERE BESTANDEN

Echte apps bestaan ​​niet uit één bestand. Voeg componenten en mappen toe, importeer ertussen met gewone relatieve paden en schakel tussen bestanden via een tabbalk die is ontworpen voor een telefoonscherm. Je invoerbestand wordt automatisch geladen wanneer je op 'Uitvoeren' tikt.

TYPESCRIPT

Schakel TypeScript in en schrijf .ts- en .tsx-bestanden met interfaces, generieke typen en getypte eigenschappen. Typen worden verwijderd vóór de uitvoering, zodat je code direct wordt uitgevoerd zodra je op 'Uitvoeren' tikt.

NPM-PAKKETTEN

Importeer een pakket op naam en het wordt opgelost wanneer je het uitvoert. Geen terminal, geen installatiestap, geen configuratiebestand. Importeer een UI-bibliotheek, een datumhelper of een animatiepakket en gebruik het direct.

PUBLICEREN OP HET WEB

Maak van elk project een link. Importeer meerdere bestanden, npm-pakketten en TypeScript, precies zoals ze in de app werken. Wijzig je code en publiceer opnieuw — de link blijft hetzelfde en toont de nieuwe versie. Ga terug naar een eerdere pagina wanneer je maar wilt.

CODE-EDITOR

Syntaxmarkering, woordterugloop, een symbolenbalk voor leestekens die je anders zou moeten zoeken, een sneltoetsbalk voor React Hooks, zoeken en vervangen, en een uitgebreide ongedaanmaakfunctie. Monospace-typografie voor kleine schermen, instelbare lettergrootte en inspringbreedte, en een set donkere editor-thema's.

JAVASCRIPT-CONSOLE EN DEBUGGING

Voer een codefragment uit en lees de console onder de editor. Kleurgecodeerde niveaus voor log, info, waarschuwing en fout, tijdstempels en wissen met één tik. Fouten worden weergegeven waar ze zijn opgetreden, zodat je de regel kunt vinden die de fout veroorzaakte en deze kunt corrigeren.

REACT-VOORBEELD

Tik op Uitvoeren en je component wordt in een live-voorbeeldvenster onder de editor geplaatst. Bewerk CSS met één tik. Ga naar volledig scherm om het resultaat op het hele scherm te bekijken.

VOORBEELDENGALERIJ

Samengestelde JavaScript- en React-voorbeelden — arrays en iteratie, asynchroon en await, closures, classes, fetch, hooks, state, dynamische lijsten, formulieren en visuele effecten. Filter op JavaScript of React met een tabblad.

OPSLAAN, OPENEN EN EXPORTEREN

Sla op in de app of op je apparaat via het systeemdialoogvenster. Open bestaande bestanden direct vanaf je telefoon; de extensie kiest de juiste modus. Exporteer een project als een zelfstandig HTML-bestand dat in elke browser werkt.

VOOR WIE IS HET BEDOELD?

• Webontwikkelaars die een component schetsen zonder hun laptop

• Studenten die JavaScript, TypeScript, React of de DOM leren

• Mensen die zich voorbereiden op sollicitatiegesprekken en algoritmes oefenen in echte JavaScript

• Zelflerende programmeurs die tutorials volgen op een telefoon

• Iedereen die een mobiele JavaScript-speeltuin wil die echt werk bespaart

EEN PRO-UPGRADE IS BESCHIKBAAR

De editor, de console, de React-preview en de voorbeeldengalerij zijn gratis te gebruiken. Met een Pro-upgrade worden advertenties verwijderd en krijg je toegang tot projecten met meerdere bestanden, TypeScript, publiceren, editor-thema's, aangepaste codefragmenten, zoeken en vervangen en opmaak met één tik.

TALEN

Beschikbaar in 16 talen, waaronder Engels, Spaans, Portugees, Frans, Duits, Russisch, Hindi, Bengaals, Indonesisch, Turks, Urdu, Arabisch, Somalisch, Chinees (vereenvoudigd), Japans en Koreaans.