إضافات 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، يميزه تحميل جهة الخادم وتقسيم الشيقرة.