حزم البداية

فيما يلي الحزم التي يوصي بها فريق React:

• 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.