حزم البداية

  • Create React App - طريقة معتمدة ومدعومة رسمياً لبدء مشروع React دون أي إعدادات مسبقة.

  • Next.js - إطار عمل لتطبيقات React المقدمة عن طريق التصيّر من جهة الخادم (server-side-rendered) أو التصدير الثابت (statically-exported).

  • Gatsby - مولد للمواقع الثابتة لتطبيقات React المحسنة من أجل السرعة.

  • nwb - مجموعة أدوات لتطبيقات React، تحتوي على مكتبات ووحدات NPM للمواقع.

  • razzle - أنشئ تطبيقات JavaScript مصيّرة من الخادم دون أي إعدادات مسبقة.

  • Neutrino - قم بإنشاء وبناء تطبيقات JavaScript حديثة دون أي إعدادات أولية مسبقة.

  • Parcel - محزِّم (bundler) سريع لا يحتاج لإعدادات مسبقة.

    حزم بداية أخرى:

  • kyt - إطار العمل التي تستخدمه صحيفة نيويورك تايمز لتطوير وبناء مواقع الويب الخاصة بها. يعتبر إطار عمل محدد لكن قابل للتعديل، يتضمن حزم بداية مع خصائص لبناء تطبيقات متكاملة (full-stack) أو ثابتة\جهة العميل بالأدوات التالية: Express, React, static assets, latest ES, CSS/Sass Modules, Jest, code-splitting, ESLint/Prettier, StyleLint, PostCSS, and inline SVGs.

  • React Redux Boilerplate: عبارة عن شفرة نموذجية (boilerplate) لسير العمل يقدم بيئة تطوير افتراضية وبيئة جاهزة للنشر من دون تدخل. يستخدم (React, Redux, Reselect, Redux Actions, ES6, ESLint, Webpack).

  • React + Redux + Saga Boilerplate - شفرة نموذجية جاهزة للتطوير تستخدم react-router, redux, saga, webpack 3, مع تغطية لـjest و enzyme.

  • Create React App + Redux + React Router: هذه الأداة مبنية فوق Create React App تأتي مع شفرة نموذجية لـRedux و Redux Thunk و React Router جميعهم تم إعدادتهم وجاهزين للإستخدام.

  • react-slingshot: حزمة بداية لـReact و Redux مع Babel، إعادة التحميل السريعة (hot-reloading)، إختبار، التنظيم، ومثال على تطبيق يعمل بدون أخطاء.

  • Este: مجموعة تطويرية و حزمة بداية لتطبيقات React فعالة وشاملة للمتصفحات، الخوادم والأجهزة المتنقلة. كل ماتحتاج إلية للبدء مدرج فيها.

  • Rekit - حزمة بداية وشفرة نموذجية لبناء تطبيقات للويب قابلة للتطوير بإستخدام React و Redux مع react-router.

  • webcube - بنية تحتية للـJavaScript لأجل تطبيقات ومواقع شاملة، توفر دعمًا وتبسيطًا مدمجين لـRedux sub-app و reducer bundle و router و eslint + prettier و docker و monorepo والعديد من الأدوات الأخرى.

  • starter-react-flux مولد لمشاريع React و Flux بالإضافة إلى Flux-Utils, Jest, Immutable.js, React Addons, Webpack, ESLint, Babel و ES2015.

  • react-async-starter: أداة تحتوي على React و Redux و Fetch و ES7 Async مع Webpack و Babel بالإضافة إلى إعادة التحميل السريعة (hot-reloading).

  • Kriasoft React Starter Kit: أداة تحتوي على Gulp و Webpack و BrowserSync و حزمة بداية React لـVisual Studio.

  • electron-react-boilerplate شفرة نموذجية لتطبيقات React مع Flux Electron تحتوي على React و Flux و React Router و Webpack و إعادة التحميل السريعة (hot-reloading).

  • react-boilerplate إعداد سريع لتطبيقات React تهتم بالأدء و العمل من دون الإتصال بالشبكة تتميز بـRedux و إعادة التحميل السريع و PostCSS و React-Router و ServiceWorker و AppCache و FontFaceObserver و Mocha.

  • vortigern شفرة نموذجية شاملة لبناء تطبيقات ويب مع TypeScript و React و Redux والمزيد.

  • CRA Universal CLI تعتبر واجهة سطر أوامر (CLI) لإنشاء وتهيئة تطبيقات create-react-app شاملة من دون الحاجة لإستخراجها، يدعم التصيّر من جهة الخادم مع خاصية Code-Splitting و تصيّر Node-Stream.

  • EDGE Platform منصة شاملة تحتوي على React/SSR مع Apollo GraphQL ومع إمكانية تقسيم شفرات JS/CSS و Webpack بالإضافة إلى إمكانية التوطين والترجمة (Localization/Internationalization). معظم هذه الأدوات خارجية وتم تجميعها في المنصة. يوجد شفرة بدائية.

  • bae حزمة بداية دون أي إعدادات مسبقة. تحتوي على خاصية التصيير من جهة الخادم (SSR) (مع إمكانية جلب البيانات) و Routing و Streaming و Styling (مع styled-components) و HMR (من دون أي تدخل).

  • breko-hub شفرة نموذجية جاهزة للنشر لتطبيقات React. تحتوي على خاصية تقسيم الشفرات (Code Splitting) والتصيّر عن طريق الخادم (server-render) بإستخدام koa أيضًا تحتوي على redux و sagas وإمكانية تنقيح الشيفرة البرمجية (debugging) وإعادة التحميل السريعة (تحديثات مباشرة في الخادم) و css-modules و scss و ربط سريع للإختبارات ووحدات الإختبار، أيضاً هناك تركيز كبير على كتابة شفرة نظيفة وملفات صغيرة.

  • appseed شفرة نموذجية جاهزة للنشر لواجهات المستخدم الجاهزة (UI-Ready) في تطبيقات React. واجهة المستخدم تقبل التحزيم (bundle) عن طريق أكثر من إطار عمل: Flask, Laravel, Express.