frost web
1.0.0
تعد frost web بمثابة الواجهة الأمامية لـ Po.et's Frost API لإدارة الحسابات والرموز المميزة لواجهة برمجة التطبيقات.
يجب دمج جميع الميزات الجديدة في الميزة الرئيسية خلف ميزة التبديل مع إيقاف تشغيلها افتراضيًا. بمجرد اختبار الميزة بشكل كافٍ، يمكن إزالة التبديل.
هذه هي مكونات ReactJS وأنماط Sass. بنية المكونات مستوحاة من التصميم الذري لبراد فروست.
تحتوي معظم المكونات على ملف .scss مرتبط بنفس الاسم. هناك أيضًا عدد قليل من الأنماط العالمية التي تعيش في components/styles . يتم تجميع الأنماط وتحميلها بواسطة style-loader Webpack، css-loader ، autoprefixer ، postcss-loader ، و sass-loader .
وتنقسم المكونات إلى الذرات والجزيئات والكائنات الحية والصفحات والوسائط. القاعدة الأساسية هي: الأصغر لا ينبغي أن يستخدم الأكبر. وهذا يعني أن الذرات لا يجب أن تعتمد على مكونات أخرى، فالجزيئات يمكنها أن تعتمد فقط على الذرات، وهكذا.
توجد الصفحات حاليًا خارج /components لأسباب تاريخية، ولكن سيتم نقلها إلى هذا المجلد في المستقبل.
المكون الجذر هو Components/Root.tsx ويتم استدعاء ReactDOM.render في ملف Index.tsx.
مخفضات React Redux تعيش هنا. لا ينبغي أن يكون لديهم أي منطق على الإطلاق، ما عليك سوى تلقي الرسائل وتحديث متجر الإعادة.
تعيش هنا ملاحم Redux-Saga. معظم منطق التطبيق، وتحديدًا جميع الآثار الجانبية، يجب أن يكون في الملاحم والملاحم فقط.
جميع الصور المستخدمة من قبل التطبيق. يتم عرضها كعناصر static readonly لفئة في الصور/Images.tsx، وذلك باستخدام البرنامج الإضافي File Loader Webpack لتحميلها وتجميعها.
تجد هنا ملحقات الأنواع الأصلية لجافا سكريبت.
نحن نتبع في الغالب دليل أنماط JS الخاص بـ StandardJS وAirBnB. نحن لا نقوم بفرض الأنماط تلقائيًا بعد.
بعض القواعد:
var محظور، let تجنبه كلما أمكن ذلك - استخدم دائمًا const بدلاً من ذلك.
