JavaScript Editor: React JS TS

Scrivi JavaScript, TypeScript e React sul tuo telefono Android. Un vero editor di codice con anteprima in tempo reale, pacchetti npm, progetti multi-file e un solo tocco per pubblicare il tuo lavoro sul web.

JavaScript Editor è un ambiente di sviluppo mobile per sviluppatori web, studenti e per chi si prepara ai colloqui di lavoro. L'editor, la console e l'anteprima React vengono eseguiti direttamente sul tuo dispositivo.

COSA PUOI FARE

• Scrivere codice JavaScript ed eseguirlo con output nella console: log, avvisi ed errori, in linea

• Scrivere componenti React con JSX e visualizzare un'anteprima in tempo reale sul tuo dispositivo

• Scrivere codice TypeScript e TSX con tipizzazione automatica prima dell'esecuzione del codice

• Dividere un progetto in più file e cartelle e importare tra di essi

• Importare pacchetti npm con una normale istruzione di importazione

• Pubblicare un progetto tramite un link che puoi aprire in qualsiasi browser e inviare a chiunque

• Aprire e salvare file .js, .jsx, .ts e .tsx ovunque sul tuo dispositivo

PROGETTI MULTI-FILE

Le vere app non sono composte da un singolo file. Aggiungi componenti e cartelle, importa file tra di essi con percorsi relativi standard e passa da un file all'altro tramite una barra delle schede ottimizzata per schermi di smartphone. Il file di avvio viene montato automaticamente quando tocchi Esegui.

TYPESCRIPT

Attiva TypeScript e scrivi file .ts e .tsx con interfacce, generici e proprietà tipizzate. I tipi vengono rimossi prima dell'esecuzione, quindi il codice viene eseguito non appena tocchi Esegui.

PACCHETTI NPM

Importa un pacchetto per nome e verrà risolto all'avvio. Nessun terminale, nessuna fase di installazione, nessun file di configurazione. Importa una libreria UI, un gestore di date o un pacchetto di animazione e utilizzalo immediatamente.

PUBBLICAZIONE SUL WEB

Trasforma qualsiasi progetto in un link. Importazioni di più file, pacchetti npm e TypeScript sono tutti inclusi, esattamente come vengono eseguiti nell'app. Modifica il codice e pubblica di nuovo: il link rimane invariato e mostra la nuova versione. Puoi rimuovere una pagina quando vuoi.

EDITOR DI CODICE

Evidenziazione della sintassi, a capo automatico, barra dei simboli per la punteggiatura che altrimenti dovresti cercare, barra delle scorciatoie per i React Hooks, funzione di ricerca e sostituzione e cronologia delle annullazioni con funzionalità avanzate. Carattere a spaziatura fissa per schermi piccoli, dimensione del carattere e spessore del rientro regolabili e una serie di temi scuri per l'editor.

CONSOLE E DEBUG JAVASCRIPT

Esegui qualsiasi snippet e leggi la console sotto l'editor. Livelli con codice colore per log, info, avviso ed errore, timestamp e cancellazione con un solo tocco. Gli errori vengono visualizzati nel punto in cui si sono verificati, così puoi trovare la riga che ha causato l'errore e correggerla.

ANTEPRIMA REACT

Tocca Esegui e il tuo componente verrà visualizzato in un pannello di anteprima live sotto l'editor. Modifica il CSS con un solo tocco. Passa alla modalità a schermo intero per ispezionare il risultato sull'intero schermo.

GALLERIA DI ESEMPI

Esempi selezionati di JavaScript e React: array e iterazioni, async e await, closure, classi, fetch, hook, state, liste dinamiche, moduli ed effetti visivi. Filtra per JavaScript o React con una scheda.

SALVA, APRI ED ESPORTA

Salva nell'app o sul tuo dispositivo tramite la finestra di dialogo di sistema. Apri i file esistenti direttamente dal tuo telefono; l'estensione sceglie la modalità corretta. Esporta un progetto come file HTML autonomo eseguibile in qualsiasi browser.

A CHI È RIVOLTO

• Sviluppatori web che creano un componente lontano dal proprio laptop

• Studenti che imparano JavaScript, TypeScript, React o il DOM

• Chi si prepara per un colloquio di lavoro e si esercita con gli algoritmi in JavaScript reale

• Autodidatti che seguono tutorial su smartphone

• Chiunque desideri un ambiente di sviluppo JavaScript mobile che salvi il lavoro svolto

È DISPONIBILE UN AGGIORNAMENTO PRO

L'editor, la console, l'anteprima React e la galleria di esempi sono gratuiti. L'aggiornamento alla versione Pro rimuove gli annunci pubblicitari e consente di gestire progetti multi-file, utilizzare TypeScript, pubblicare, personalizzare i temi dell'editor, aggiungere snippet personalizzati, trovare e sostituire e formattare con un solo tocco.

LINGUE

Disponibile in 16 lingue, tra cui inglese, spagnolo, portoghese, francese, tedesco, russo, hindi, bengalese, indonesiano, turco, urdu, arabo, somalo, cinese (semplificato), giapponese e coreano.