إضافات JSX

إضافات محرر النصوص

  • Sublime Text: babel-sublime: مقتطفات و إبراز الصيغ و مخططات الألوان الأمثل لـSublime Text.
  • Atom: language-babel يدعم es2016 و JSX و التنسيق.
  • Visual Studio Code: يدعم JSX مباشرة.
  • JetBrains WebStorm: إبراز الصيغ و تكملة الشيفرة و تقصي الأخطاء لـJSX.
  • JetBrains IDE Live Templates: React نماذج حية لمحررات JetBrains (مثل: WebStorm، PHPStorm، إلخ).
  • javascript-jsx.tmbundle الصيغ لمحرر TextMate.
  • web-mode.el: حالة (mode) للمحرر emacs يقوم أليا بإضافة المسافات وإبراز صيغ JSX.لا يدعم إدراج الفاصلة المنقوطة ألياً.
  • vim-jsx: إبراز الصيغ و مسافة البدء لـJSX.

أدوات البناء

  • Create React App: طريقة مدعومة رسميًا لإنشاء تطبيقات React بدون إعدادات.
  • nwb: عُدّة لـReact و Preact و تطيبقات Inferno و مكتبات React و وحدات npm أخرى للويب وبدون إعدادات (إﻻ إذا احتجت لذلك).
  • Neutrino: إنشاء وبناء تطبيقات JavaScript متقدمة بدون إعدادات أولية. يجمع Neutrino بين قوة webpack مع بساطة المسبقة (presets).
  • ESLint: تدقيق JavaScript قابل للإضافة يدعم اصلا صيغة JSX. تأكد من تحميل eslint-plugin-react لقواعد React-specific.
  • Structor: هذه الأداة لواجهة المسخدم لبناء تطبيقات الويب بـNode.js مع React UI. استبدلت Structor بـReact UI Builder (المهملة). شاهد الفيديو التعليمي لـStructor.
  • react-jsx: إعادة الصياغة وإستعمال JSX كنموذج مستقل يمكن إستعماله في جهة الخادم أو المستخدم!
  • cjsx-codemod: كتابة الشفرة JSX من خلال Coffeescript!
  • ReactScript: كتابة الشفرة React من خلال Coffeescript وبدون JSX!
  • jsxhint: يدعم JSHint (linting). (إعادة صياغة JSX ولا تؤثر على ترقيم الأسطر لذا يمكنك تشغيله مباشرة من JS.)
  • reactify: تحويلBrowserify.
  • Babel: مستقل و تحويل Browserify (معروف سابقا بإسم 6to5).
  • node-jsx: حزمة أصيلة (native) لدعم Node.
  • react-hot-loader: مُحَمّل لـwebpack يتيح لك تحرير JSX وتغيير دون إعادة تحميل صفحة المتصفح على الإطلاق.
  • jsx-loader: مُحَمّل لـwebpack.
  • express-jsxtransform: أدوات وسيطية لـExpress.
  • gradle-react-plugin: تحويل مصادر JSX أثناء بناء Gradle.
  • grunt-react: منفذ مهام GruntJS.
  • gulp-react: إضافة GulpJS.
  • brunch-react: إضافة Brunch.
  • jsx-requirejs-plugin: إضافة RequireJS.
  • react-meteor: إضافة Meteor.
  • pyReact: جسر Python لـJSX.
  • react-rails: مدير حزم Ruby ( gem ) لإستعمال JSX مع Ruby on Rails.
  • react-laravel: حزمة PHP لإستعمال ReactJS مع Laravel.
  • ReactJS.NET: مكتبة .NET مع React و JSX.
  • sbt-reactjs: SBT/Play/Scala JSX إضافة إعادة الصياغة.
  • mimosa-react: إضافة Mimosa.
  • react-grails-asset-pipeline: ملفات تحكم لـ React و إعادة صياغة ملفات JSX في Grails.
  • gore-gulp: غلاف يحيط بـwebpack، mocha لتسهيل الإستعماله وبدون إعدادات.
  • webpack: CommonJs/AMD مجموعة من وحدات حزم للمتصفح. تسمح بقسيم الشيفرة لى عدة حُزم حيث يمكن إستدعائها وتحميلها وتدعم عمليات تحميل الملفات مثل تنسيق json, jade, coffee, css, less, … وتخصصها لأغراضك.
  • webpack-bbq: تحويل src إلى lib، يدعم التصيير من جهة الخادم وتصيير الملفات الثابتة.
  • jsxtransformer: إعادة صياغة و إمداد لملفات JSX بإستعمالJava.
  • babylon-jsx: تحويل JSX إلى ES2015 بإستعمال Babylon وبدون Babel.
  • CRA Universal CLI: - واجهة سطر الأوامر بسيطة لإنشاء وبناء ExpressJS لمشاريعك بـReact، يميزه تحميل جهة الخادم وتقسيم الشيقرة.