JavaScript Editör: React JS TS

Android telefonunuzda JavaScript, TypeScript ve React yazın. Canlı önizleme, npm paketleri, çoklu dosya projeleri ve tek dokunuşla işinizi web'e taşıma özelliklerine sahip gerçek bir kod düzenleyici.

JavaScript Editor, web geliştiricileri, öğrenciler ve mülakat hazırlananlar için bir mobil geliştirme ortamıdır. Editör, konsol ve React önizlemesi tümü cihazınızda çalışır.

NE YAPABİLİRSİNİZ

• JavaScript yazın ve satır içi günlük, uyarı, hata konsol çıktısıyla çalıştırın

• JSX ile React bileşenleri yazın ve cihazınızda canlı önizlemesini görün

• TypeScript ve TSX yazın, türleri kod çalışmadan otomatik kaldırılır

• Bir projeyi çoklu dosya ve klasörlere ayırın, aralarında içe aktarın

• npm paketlerini normal bir import ifadesiyle kullanın

• Bir projeyi her tarayıcıda açılıp herkese gönderilebilen bir bağlantıya yayınlayın

• .js, .jsx, .ts ve .tsx dosyalarını cihazınızda istediğiniz yerde açın ve kaydedin

ÇOKLU DOSYA PROJELERİ

Gerçek uygulamalar tek dosya değildir. Bileşenler ve klasörler ekleyin, aralarında göreli yollarla içe aktarın, telefon ekranı için tasarlanmış sekme şeridinden dosyaları değiştirin. Run'a dokunduğunuzda giriş dosyanız otomatik bağlanır.

TYPESCRIPT

TypeScript'i açın ve interfaces, generics ve typed props ile .ts ve .tsx yazın. Types yürütmeden önce kaldırılır, böylece kodunuz Run'a dokunduğunuz anda çalışır.

NPM PAKETLERİ

Bir paketi adıyla içe aktarın ve çalıştırdığınızda çözümlenir. terminal, install step, config file yok. Bir UI library, bir date helper veya bir animation package ekleyin ve hemen kullanın.

WEB'E YAYINLA

Herhangi bir projeyi bir bağlantıya dönüştürün. Çoklu dosya içe aktarmaları, npm paketleri ve TypeScript, uygulamada çalıştıkları gibi eksiksiz yer alır. Kodunuzu değiştirip tekrar yayınlayın — bağlantı aynı kalır, yeni sürümü gösterir. İstediğiniz zaman bir sayfayı yayından kaldırın.

KOD EDİTÖRÜ

Sözdizimi vurgulama, kelime kaydırma, aradığınız noktalama işaretleri için sembol çubuğu, React hooks kısayol çubuğu, bul ve değiştir, kapsamlı geri alma geçmişi. Küçük ekranlar için tek aralıklı tipografi, ayarlanabilir yazı tipi boyutu ve girinti genişliği, koyu düzenleyici temaları.

JAVASCRIPT KONSOL VE HATA AYIKLAMA

Herhangi bir kod parçasını çalıştırın ve düzenleyicinin altındaki konsolu okuyun. log, info, warn ve error için renk kodlu seviyeler, zaman damgaları ve tek dokunuşla temizleme. Hatalar oluştukları yerde görünür, böylece bozulan satırı bulup düzeltebilirsiniz.

REACT ÖNİZLEME

Tap Run ve bileşeniniz düzenleyicinin altındaki canlı bir önizleme paneline yüklenir. CSS'i tek dokunuşla düzenleyin. Sonucu tüm ekranda incelemek için tam ekrana geçin.

ÖRNEKLER GALERİSİ

Özenle seçilmiş JavaScript ve React örnekleri — arrays ve iteration, async ve await, closures, classes, fetch, hooks, state, dynamic lists, forms ve visual effects. JavaScript veya React'e göre bir tab ile filtreleyin.

KAYDET, AÇ VE DIŞA AKTAR

Sistem iletişim kutusuyla uygulamaya veya cihazınıza kaydedin. Mevcut dosyaları doğrudan telefonunuzdan açın; uzantı doğru modu seçer. Projeyi herhangi bir tarayıcıda çalışan bağımsız bir HTML dosyası olarak dışa aktarın.

KİMLER İÇİN?

• Dizüstü bilgisayarı olmadan bileşen taslağı çizen web geliştiricileri

• JavaScript, TypeScript, React veya DOM öğrenen öğrenciler

• Gerçek JavaScript'te algoritma pratik eden mülakat adayları

• Telefondan eğitimleri takip eden kendi kendine kodlayıcılar

• Gerçek işi kaydeden mobil JavaScript oyun alanı isteyen herkes

PRO YÜKSELTME MEVCUTTUR

Düzenleyici, konsol, React önizlemesi ve örnekler galerisi ücretsizdir. Pro yükseltmesi reklamları kaldırır; çoklu dosya projeleri, TypeScript, yayınlama, düzenleyici temaları, özel snippet'ler, bul ve değiştir, tek dokunuşla biçimlendirme sunar.

DİLLER

İngilizce, İspanyolca, Portekizce, Fransızca, Almanca, Rusça, Hintçe, Bengalce, Endonezyaca, Türkçe, Urduca, Arapça, Somalice, Çince (Basitleştirilmiş), Japonca ve Korece dahil 16 dilde mevcut.