Inizia a creare

Playcode Classic

Playground React

Con questo playground React online esegui i tuoi componenti nel browser. Modifica App.jsx e l'app si aggiorna mentre digiti, con React 18 e Tailwind CSS nel template e i pacchetti npm a portata di clic. Non serve installare nulla né creare un account per iniziare; accedi per salvare e condividere. Fa parte di Playcode Classic, gli strumenti gratuiti per programmare di Playcode.

Apri il playground

Gratis. Per iniziare non serve un account.

In una sabbiera del parco giochi un giovane sviluppatore e Play costruiscono un'app con grandi mattoncini su una base; Play incastra l'ultimo mattoncino, un pulsante arancione, e oltre la recinzione aspetta un razzo.

Modifica un componente. L'app ti segue.

L'anteprima si ricompila un attimo dopo che hai scritto. Ogni modifica ricarica l'app, quindi il suo stato riparte da zero.

Ti serve un sito web completo, non un singolo componente? Prova il creatore di siti web con l'AI
In un piccolo teatro delle marionette nel parco giochi, Play manovra i fili dall'alto, e la marionetta sul palco, una piccola pagina web con le braccia, saluta mentre il giovane sviluppatore guarda da una panchina.

Parti dallo stack che usi

Importa da npm.

Importa un pacchetto, scegli una versione e installalo.

Hai un file .jsx?

Incollalo in un file e renderizzalo da index.jsx.

Quando l'app ha bisogno di un server

Il playground gira nel tuo browser: niente server, niente Next.js, niente React Native. Quando un'app ha bisogno di un backend, di un database e di un suo dominio, Playcode AI la crea e Playcode Cloud la fa girare, con un piano a pagamento.

Scopri Playcode Cloud
Nella sabbiera c'è un razzo giocattolo fatto di mattoncini; oltre la recinzione il razzo vero è sulla sua rampa, collegato a un tubo del carburante, e Play lo presenta al giovane sviluppatore con il palmo aperto.

Fa parte di Playcode Classic

Playcode è nato nel 2016 come ambiente di programmazione nel browser. Questo playground è uno dei suoi strumenti gratuiti per programmare, che oggi chiamiamo Playcode Classic.

Oggi Playcode è una piattaforma AI per creare e gestire siti web e app.

Scopri il creatore di siti web con l'AITutti gli strumenti di Playcode Classic
Play, al cancello aperto di un vecchio parco giochi, mostra cosa c'è oltre: un razzo pronto sulla rampa di lancio.

Domande frequenti

  • Questo editor React online è gratuito?

    Sì. Scrivere codice e vederne l'anteprima è gratis e non richiede un account. Un account gratuito può contenere fino a tre progetti salvati, pubblici o privati; per un dominio personalizzato serve un piano a pagamento, e la chat AI consuma crediti.

  • Quale versione di React usa?

    React 18.3.1 in tutti i template. La versione è quella indicata in package.json.

  • Posso eseguire codice React online senza installare nulla?

    Sì. Il playground è una sandbox React nel tuo browser e funziona come un compilatore React online: scrivi un componente e viene renderizzato mentre digiti. Non c'è nessun progetto da configurare.

  • Supporta JSX e TypeScript?

    Sì. I file .jsx e .tsx vengono compilati nell'anteprima; il template React e TypeScript controlla i tipi mentre scrivi.

  • Posso usare i pacchetti npm?

    Sì. Importa un pacchetto, scegli una versione e installalo, oppure aggiungilo dal pannello dei pacchetti npm.

  • Ha l'hot reload?

    L'app si aggiorna mentre digiti, ma ogni modifica la ricarica, quindi lo stato riparte da capo. Il Fast Refresh non c'è ancora.

  • Posso usare Tailwind CSS o i CSS Modules?

    Tailwind CSS è già nel template. I CSS Modules funzionano come file .module.css; i file .module.scss non sono ancora supportati.

  • Posso sviluppare con Next.js o React Native qui?

    No. Il playground esegue React nel tuo browser. Per un'app con un server e un database, Playcode AI la crea e Playcode Cloud la fa girare, con un piano a pagamento.

  • Posso aprire un file .jsx?

    Sì. Incollalo in un file del template React e renderizzalo da index.jsx.

  • Posso condividere il mio playground?

    Sì. Accedi e salva il progetto. Nella scheda Condividi, imposta “Chiunque abbia il link” su “Può visualizzare”, poi copia il link.

  • Questo playground fa parte di Playcode?

    Sì. Questo playground fa parte di Playcode Classic, gli strumenti gratuiti per programmare di Playcode. Playcode è nato nel 2016 come ambiente di programmazione nel browser. Oggi è una piattaforma AI per creare e gestire siti web e app.

Altri strumenti gratuiti per programmare

Scrivi un componente. Guardalo prendere vita.

Apri il playground
Un razzo aspetta con il portello aperto e un posto libero, e Play ti invita a salire. Molto più in alto, un altro razzo si allontana.