الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

رد الفعل-المرجع

مشروع غلاية ومثال مرجعي ل isomorphic Universal Reactiflux تطبيقات الويب التقدمية.

ملخص

هذا المشروع هو تطور من مثيلات التفاعل وتدفق التفاعل-مثال على ذلك يضيف الأدوات المتطورة والتنظيم. إنه PWA المرجعي الأداء الكامل والأداء الذي يستخدم طرقًا ومحتوى تعتمد على البيانات من خدمة مرفقة. خدمة البيانات التي تقود التطبيق هي repo github.

المتطلبات الأساسية للبيئة

فقط العقدة 14+
بعض تبعيات التطوير لهذا المشروع لها تثبيتات ثنائية (معالجات الصور) ، لذلك YMMV.

كومة

  • ن قصيدة
  • يعبر
  • R Eact (Facebook)
  • f luxible (Yahoo)
  • SW-Toolbox ، SW-Precache (Google)
  • بابل ، جولب ، Webpack ، Eslint ، Mocha/Chai ، Sass

يثبت

  1. git clone https://github.com/localnerve/react-pwa-reference
  2. npm install

يجري

تشغيل الإنتاج

npm run build:server && npm start

تشغيل التنمية

npm run dev

مهام التنمية

جميع أوامر تطوير npm run :

يأمر وصف
build:list تفريغ شجرة مهمة بناء الأصول إلى وحدة التحكم
config:dev تفريغ تكوين التطوير إلى وحدة التحكم
config:prod تفريغ تكوين الإنتاج إلى وحدة التحكم
dev LINT ، بناء الأصول ، ابدأ الخادم ، المطول ، node_env = التطوير ، غير متصل بالإنترنت غير مدعوم
dev:analyze تحليل ملفات إحصائيات WebPack وتحليل حجم حزمة التفريغ إلى وحدة التحكم
dev:analyzer تحليل ملفات إحصائيات WebPack بصريًا
dev:ccss بناء أصول CSS ، مشاهدة وإعادة ترجمة Sass على التغيير
dev:debug LINT ، بناء الأصول ، خادم بدء/تصحيح ، NODE_ENV = التطوير ، انتظر تصحيح الأخطاء
dev:inspect مثل dev:debug ، ولكن استخدم العقدة -prectect ، أفضل ث/عقدة 7+
dev:perf LINT ، إنشاء الأصول ، البرامج النصية مع خرائط المصدر ، START Server ، Node_env = الإنتاج ، مدعوم في وضع عدم الاتصال
dev:prod LINT ، بناء الأصول ، ابدأ الخادم ، node_env = الإنتاج ، مدعوم في وضع عدم الاتصال
fixtures:dev بناء تركيبات الاختبار من خدمة البيانات والتطوير
fixtures:prod بناء تركيبات الاختبار من خدمة البيانات ، الإنتاج
lint قم بتشغيل Linter في المشروع بأكمله
perfbudget تستخدمها CI لاختبار ميزانية الأداء مقابل الخدمة
test قم بتشغيل جناح الاختبار بأكمله
test:cover قم بتشغيل مجموعة الاختبار بأكملها ، وتغطية التقاط ، وتقرير
test:debug بناء مع خرائط المصدر ، وابدأ مجموعة الاختبار ، وانتظر تصحيح الأخطاء
test:inspect مثل test:debug ، ولكن استخدم العقدة -precent ، أفضل w/node 7+
test:func تستخدمها CI لتشغيل الاختبارات الوظيفية ضد شبكة السيلينيوم
test:contact استخدم لاختبار عامل الاتصال يدويًا بعد تحديث Nodemailer

حقائق ممتعة

  1. لا يزال WebPack.github.io/analyse/#modules يعمل على ملفات إحصائيات WebPack لتصور الرسم البياني للموسيقى النمطية.
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل