Playcode Classic

React Online Playground

Bu React online playground'u, bileşenlerinizi tarayıcınızda çalıştırır. App.jsx'i düzenleyin, uygulama siz yazdıkça güncellensin; şablonda React 18 ve Tailwind CSS hazır, npm paketleri bir tık uzakta. Kurulum gerekmez, başlamak için hesap da gerekmez; kaydetmek ve paylaşmak için giriş yapın. Playcode'un ücretsiz kod araçları olan Playcode Classic'in bir parçasıdır.

Ücretsiz. Başlamak için hesap gerekmez.

Oyun parkındaki kum havuzunda genç bir geliştirici ve Play, bir taban plakası üzerinde büyük yapı bloklarından bir uygulama kuruyor; Play son bloğu, turuncu bir düğmeyi yerine oturtuyor, çitin ötesinde de bir roket bekliyor.

Bileşeni düzenleyin. Uygulama da güncellensin.

Önizleme, siz yazdıktan bir an sonra yeniden oluşturulur. Her düzenleme uygulamayı yeniden yükler; bu yüzden state'i sıfırlanır.

Oyun parkındaki küçük bir kukla tiyatrosunda Play ipleri yukarıdan oynatıyor; sahnedeki kukla, kolları olan küçük bir web sayfası, el sallıyor. Genç geliştirici de bir banktan izliyor.

Uygulamanın sunucuya ihtiyacı olduğunda

Playground tarayıcınızda çalışır: sunucu, Next.js ya da React Native yok. Bir uygulamanın backend'e, veritabanına ve kendi alan adına ihtiyacı olduğunda onu Playcode AI oluşturur, Playcode Cloud çalıştırır; bunun için ücretli bir plan gerekir.

Kum havuzunda bloklardan yapılmış oyuncak bir roket duruyor; çitin ötesinde gerçek roket, yakıt hattına bağlı halde rampasında bekliyor, Play de açık avucuyla onu genç geliştiriciye gösteriyor.

Playcode Classic'in bir parçası

Playcode, 2016'da tarayıcıda çalışan bir kodlama ortamı olarak başladı. Bu playground, bugün Playcode Classic adını verdiğimiz ücretsiz kod araçlarından biri.

Playcode bugün, web siteleri ve uygulamalar oluşturup çalıştırmak için bir AI platformu.

Play eski bir oyun parkının açık kapısında durmuş, ötesinde bekleyeni gösteriyor: fırlatma rampasında hazır bir roket.

Sık sorulan sorular

  • Bu online React editörü ücretsiz mi?

    Evet. Yazmak ve önizlemek ücretsizdir, hesap gerektirmez. Ücretsiz bir hesapla herkese açık ya da özel en fazla üç proje kaydedebilirsiniz; özel alan adı için ücretli bir plan gerekir, AI sohbeti de kredi harcar.

  • Hangi React sürümünü kullanıyor?

    Her şablonda React 18.3.1. Sürüm package.json'dan gelir.

  • React kodunu hiçbir şey kurmadan online çalıştırabilir miyim?

    Evet. Playground, tarayıcınızda çalışan bir React sandbox'u. Bir React online compiler olarak da iş görür: bir bileşen yazın, siz yazdıkça render edilsin. Kurmanız gereken bir proje yok.

  • JSX ve TypeScript destekleniyor mu?

    Evet. .jsx ve .tsx dosyaları önizlemede derlenir; React ve TypeScript şablonu da siz yazdıkça tiplerinizi kontrol eder.

  • npm paketlerini kullanabilir miyim?

    Evet. Bir paketi import edin, sürümünü seçip yükleyin ya da Paketler panelinden ekleyin.

  • Hot reload var mı?

    Uygulama siz yazdıkça güncellenir, ancak her düzenleme onu yeniden yükler; bu yüzden state sıfırdan başlar. Fast Refresh henüz yok.

  • Tailwind CSS ya da CSS Modules kullanabilir miyim?

    Tailwind CSS şablonda hazır. CSS Modules, .module.css dosyaları olarak çalışır; .module.scss henüz desteklenmiyor.

  • Burada Next.js ya da React Native ile geliştirebilir miyim?

    Hayır. Playground, React'i tarayıcınızda çalıştırır. Sunucusu ve veritabanı olan bir uygulamayı Playcode AI oluşturur, Playcode Cloud çalıştırır; bunun için ücretli bir plan gerekir.

  • .jsx dosyası açabilir miyim?

    Evet. React şablonunda bir dosyaya yapıştırın ve index.jsx'ten render edin.

  • Playground'umu paylaşabilir miyim?

    Evet. Giriş yapın ve projeyi kaydedin. Projenin Paylaş sekmesinde “Bağlantıya sahip herkes” ayarını “Görüntüleyebilir” yapın, ardından bağlantıyı kopyalayın.

  • Bu playground Playcode'un bir parçası mı?

    Evet. Bu playground, Playcode'un ücretsiz kod araçları olan Playcode Classic'in bir parçası. Playcode, 2016'da tarayıcıda çalışan bir kodlama ortamı olarak başladı. Bugün ise web siteleri ve uygulamalar oluşturup çalıştırmak için bir AI platformu.

Diğer ücretsiz kod araçları

Bir bileşen yazın. Çalışmasını izleyin.

Bir roket, kapısı açık ve koltuğu boş halde bekliyor; Play sizi içeri davet ediyor. Çok yukarıda başka bir roket uzaklaşarak yükseliyor.