JavaScript محرر: React JS TS

اكتب JavaScript وTypeScript وReact على هاتف Android الخاص بك. محرر أكواد حقيقي مع معاينة مباشرة، وحزم npm، ومشاريع متعددة الملفات، وبنقرة واحدة لنشر عملك على الويب.

JavaScript Editor هي بيئة تطوير محمولة لمطوري الويب والطلاب والمستعدين للمقابلات. يعمل المحرر وconsole ومعاينة React جميعها على جهازك.

ما يمكنك فعله

• اكتب JavaScript وقم بتشغيلها مع إخراج console — السجلات والتحذيرات والأخطاء، مضمنة

• اكتب مكونات React باستخدام JSX وشاهد معاينة مباشرة تظهر على جهازك

• اكتب TypeScript وTSX مع إزالة الأنواع تلقائيًا قبل تشغيل الكود الخاص بك

• قسّم المشروع عبر ملفات ومجلدات متعددة، واستورد بينها

• استورد حزم npm باستخدام عبارة import عادية

• انشر مشروعًا إلى رابط يمكنك فتحه في أي متصفح وإرساله إلى أي شخص

• افتح واحفظ ملفات .js و.jsx و.ts و.tsx في أي مكان على جهازك

مشاريع متعددة الملفات

التطبيقات الحقيقية ليست ملفًا واحدًا. أضف مكونات ومجلدات، واستورد بينها باستخدام مسارات نسبية عادية، وبدّل الملفات من شريط علامات تبويب مصمم لشاشة الهاتف. يتم تحميل ملف الإدخال الخاص بك تلقائيًا عند النقر على تشغيل (Run).

TypeScript

قم بتشغيل TypeScript واكتب .ts و.tsx باستخدام الواجهات والأنواع العامة والخصائص المكتوبة. تتم إزالة الأنواع قبل التنفيذ، لذلك يعمل الكود الخاص بك بمجرد النقر على تشغيل (Run).

حزم npm

استورد حزمة بالاسم ويتم حلها عند التشغيل. لا توجد terminal، ولا خطوة تثبيت، ولا ملف إعداد. أحضر مكتبة واجهة مستخدم، أو مساعد تاريخ، أو حزمة رسوم متحركة واستخدمها على الفور.

انشر على الويب

حوّل أي مشروع إلى رابط. يتم تضمين عمليات الاستيراد متعددة الملفات، وحزم npm، وTypeScript جميعها، تمامًا كما تعمل في التطبيق. غيّر الكود الخاص بك وانشر مرة أخرى — يبقى الرابط كما هو ويعرض الإصدار الجديد. يمكنك إزالة صفحة في أي وقت.

محرر الأكواد

تمييز بناء الجملة، التفاف الكلمات، شريط رموز لعلامات الترقيم التي قد تبحث عنها، شريط اختصارات React hooks، البحث والاستبدال، وسجل التراجع بعمق حقيقي. خط أحادي المسافة للشاشات الصغيرة، حجم خط وعرض مسافة بادئة قابلان للتعديل، ومجموعة من سمات المحرر الداكنة.

console JavaScript والتصحيح

شغّل أي جزء من الكود واقرأ الـconsole أسفل المحرر. مستويات مرمزة بالألوان لـlog وinfo وwarn وerror، وطوابع زمنية، ومسح بنقرة واحدة. تظهر الأخطاء حيث حدثت، حتى تتمكن من العثور على السطر الذي تسبب في المشكلة وإصلاحه.

معاينة React

انقر على تشغيل (Run) ويتم تحميل المكون الخاص بك في جزء معاينة مباشرة أسفل المحرر. عدّل CSS بنقرة واحدة. انتقل إلى وضع ملء الشاشة لفحص النتيجة على الشاشة بأكملها.

معرض الأمثلة

أمثلة منسقة لـJavaScript وReact — المصفوفات والتكرار، async وawait، الإغلاقات، الفئات، fetch، hooks، الحالة، القوائم الديناميكية، النماذج والتأثيرات البصرية. قم بالتصفية حسب JavaScript أو React باستخدام علامة تبويب.

حفظ وفتح وتصدير

احفظ في التطبيق أو على جهازك عبر مربع حوار النظام. افتح الملفات الموجودة مباشرة من هاتفك؛ يختار الامتداد الوضع الصحيح. صدّر مشروعًا كملف HTML مستقل يعمل في أي متصفح.

لمن هذا التطبيق

• مطوري الويب الذين يرسمون مكونًا بعيدًا عن أجهزة الكمبيوتر المحمولة الخاصة بهم

• الطلاب الذين يتعلمون JavaScript أو TypeScript أو React أو DOM

• المستعدين للمقابلات الذين يمارسون الخوارزميات في JavaScript حقيقية

• المبرمجين العصاميين الذين يتبعون الدروس التعليمية على الهاتف

• أي شخص يريد ساحة لعب (playground) لـJavaScript على الهاتف المحمول تحفظ عملًا حقيقيًا

يتوفر ترقية إلى Pro

المحرر، وconsole، ومعاينة React، ومعرض الأمثلة مجانية للاستخدام. تزيل ترقية Pro الإعلانات وتفتح مشاريع متعددة الملفات، وTypeScript، والنشر، وسمات المحرر، والأجزاء المخصصة من الكود (custom snippets)، والبحث والاستبدال، والتنسيق بنقرة واحدة.

اللغات

متوفر بـ16 لغة بما في ذلك الإنجليزية، الإسبانية، البرتغالية، الفرنسية، الألمانية، الروسية، الهندية، البنغالية، الإندونيسية، التركية، الأردية، العربية، الصومالية، الصينية (المبسطة)، اليابانية والكورية.