JavaScript แก้ไข: React JS TS

เขียน JavaScript, TypeScript และ React บนโทรศัพท์ Android ของคุณ โปรแกรมแก้ไขโค้ดที่แท้จริงพร้อมแสดงตัวอย่างสด, npm packages, โปรเจกต์หลายไฟล์ และแตะครั้งเดียวเพื่อเผยแพร่ผลงานของคุณบนเว็บ

JavaScript Editor คือสภาพแวดล้อมการพัฒนาบนมือถือสำหรับ web developers, students และ interview preppers ทั้ง editor, console และ React preview ล้วนทำงานบนอุปกรณ์ของคุณ

สิ่งที่คุณทำได้

• เขียน JavaScript และรันพร้อมเอาต์พุต console — แสดง logs, warnings และ errors แบบอินไลน์

• เขียน React components ด้วย JSX และดูการแสดงตัวอย่างแบบสดบนอุปกรณ์ของคุณ

• เขียน TypeScript และ TSX โดยที่ types จะถูกลบออกโดยอัตโนมัติก่อนโค้ดของคุณจะทำงาน

• แบ่งโปรเจกต์ออกเป็นหลายไฟล์และโฟลเดอร์ และ import ระหว่างกันได้

• ดึง npm packages เข้ามาด้วย import statement ปกติ

• เผยแพร่โปรเจกต์เป็นลิงก์ที่คุณสามารถเปิดใน browser ใดก็ได้และส่งให้ใครก็ได้

• เปิดและบันทึกไฟล์ .js, .jsx, .ts และ .tsx ได้ทุกที่บนอุปกรณ์ของคุณ

โปรเจกต์หลายไฟล์

แอปจริงไม่ได้มีแค่ไฟล์เดียว เพิ่ม components และโฟลเดอร์, import ระหว่างกันด้วย relative paths ทั่วไป และสลับไฟล์จาก tab strip ที่ออกแบบมาสำหรับ phone screen ไฟล์ entry ของคุณจะ mount โดยอัตโนมัติเมื่อแตะ Run

TYPESCRIPT

เปิดใช้งาน TypeScript และเขียน .ts และ .tsx ด้วย interfaces, generics และ typed props Types จะถูกลบออกก่อนการ execution ทำให้โค้ดของคุณทำงานทันทีที่แตะ Run

NPM PACKAGES

Import package ด้วยชื่อ และจะถูก resolve เมื่อรัน ไม่ต้องใช้ terminal, ไม่ต้อง install step, ไม่มี config file นำ UI library, date helper หรือ animation package เข้ามาใช้งานได้ทันที

เผยแพร่สู่เว็บ

เปลี่ยนโปรเจกต์ใดก็ได้ให้เป็นลิงก์ Multi-file imports, npm packages และ TypeScript ทั้งหมดจะถูกรวมไว้ เหมือนกับที่ทำงานในแอป เปลี่ยนโค้ดของคุณแล้วเผยแพร่อีกครั้ง — ลิงก์จะยังคงเดิมและแสดงเวอร์ชันใหม่ นำ page ลงได้ทุกเมื่อที่ต้องการ

CODE EDITOR

การเน้น Syntax, word wrap, แถบ symbols สำหรับ punctuation ที่อาจต้องค้นหา, แถบทางลัด React hooks, find and replace, และ undo history ที่ลึกซึ้ง การจัดพิมพ์แบบ Monospace สำหรับ small screens, ขนาด font ที่ปรับได้และความกว้าง indent, และชุด dark editor themes

JAVASCRIPT CONSOLE และ DEBUGGING

รัน snippet ใดก็ได้และอ่าน console ใต้ editor ระดับสีสำหรับ log, info, warn และ error, timestamps, และ one-tap clear ข้อผิดพลาดจะปรากฏขึ้น ณ จุดที่เกิดขึ้น เพื่อให้ค้นหาบรรทัดที่เสียและแก้ไขได้

REACT PREVIEW

แตะ Run และ component ของคุณจะ mount ไปยังหน้าต่างแสดงตัวอย่างแบบสดใต้ editor แก้ไข CSS ด้วยการแตะครั้งเดียว ไปที่โหมด fullscreen เพื่อตรวจสอบผลลัพธ์บนหน้าจอทั้งหมด

แกลเลอรีตัวอย่าง

ตัวอย่าง JavaScript และ React ที่คัดสรรมาอย่างดี — arrays และ iteration, async และ await, closures, classes, fetch, hooks, state, dynamic lists, forms และ visual effects กรองตาม JavaScript หรือ React ด้วย tab

บันทึก, เปิด และส่งออก

บันทึกลงในแอปหรือไปยังอุปกรณ์ของคุณผ่าน system dialog เปิดไฟล์ที่มีอยู่ได้โดยตรงจากโทรศัพท์ของคุณ; extension จะเลือก mode ที่ถูกต้อง ส่งออกโปรเจกต์เป็นไฟล์ HTML แบบ standalone ที่ทำงานใน browser ใดก็ได้

เหมาะสำหรับใคร

• web developers ที่ร่าง component โดยไม่ต้องใช้ laptop

• students ที่กำลังเรียนรู้ JavaScript, TypeScript, React หรือ DOM

• interview preppers ที่ฝึกฝน algorithms ใน JavaScript จริง

• self-taught coders ที่ทำตาม tutorials บนโทรศัพท์

• ใครก็ตามที่ต้องการ mobile JavaScript playground ที่สามารถบันทึกงานจริงได้

มี PRO UPGRADE ให้บริการ

editor, console, React preview และแกลเลอรีตัวอย่างใช้งานได้ฟรี Pro upgrade จะลบ ads และปลดล็อก multi-file projects, TypeScript, การเผยแพร่, editor themes, custom snippets, find and replace, และจัดรูปแบบด้วยการแตะครั้งเดียว

ภาษา

มีให้บริการใน 16 ภาษา รวมถึง English, Spanish, Portuguese, French, German, Russian, Hindi, Bengali, Indonesian, Turkish, Urdu, Arabic, Somali, Chinese (Simplified), Japanese และ Korean