cero components

مكونات سيرو

0⃣ Cero A Producción هو مشروع لجلسات الترميز الحية حيث نقوم بتطوير تطبيق إدارة الإنتاجية AA يسمى Reto من الخدش إلى الإنتاج.

الفكرة وراء

الهدف من هذه الجلسات هو توفير تجربة مطور أصيلة حيث نتعمق في عدد لا يحصى من القرارات التي يتخذها المبرمج النموذجي يوميًا ، باستخدام JavaScript وغيرها من الأدوات ذات الصلة. سوف يلاحظ المشاركون الاختبارات الفاشلة ، وإعادة إنشاء الكود ، واستخدام محركات البحث مثل Google و Stackoverflow. بالإضافة إلى ذلك ، يمكن للمشاركين توقع الاستمتاع بالعملية ومشاهدة تحديات تسمية متغيرات ووظائف.

تحقق من جلسات الفيديو لهذا المنتج هنا واتبعني

جدول المحتويات

• ابدء
• قصص
• تشغيل المشروع محليا
• إدارة الاختبارات
• المنهجيات
  • التصميم الذري
  • تعريف الجزيئات

ابدء

يجب أن يكون لديك react and react-dom installed تلك هي تبعيات الأقران لهذا المشروع.

1. التثبيت

باستخدام NPM

npm install @glrodasz/components

باستخدام الغزل

yarn add @glrodasz/components

2. باستخدام المكتبة

• مكون استيراد

 import { Icon , ButtonIcon } from '@glrodasz/components'

• استخدام المكون

 < ButtonIcon icon = "arrowRight" type = "primary" >
  Cowards Agreed
</ ButtonIcon > 

قصص

تحقق من بقية المكونات المتاحة في كتابنا القصص

تشغيل المشروع محليا

اتبع هذه الخطوات start the project قيد التطوير

1. مستودع استنساخ. git clone https://github.com/glrodasz/cero-components.git
2. تثبيت التبعيات في مجلد المشروع تشغيل yarn أو npm install
3. قم بتشغيل Storybook مع yarn dev أو npm run dev ، وسيقوم هذا الأمر ببناء الرموز ووكتب القصص المفتوحة.

إدارة الاختبارات

1. قم بتشغيل yarn run test أو npm run test
2. للحفاظ على اختبارات التشغيل ، قم بتشغيل yarn run test:watch

المنهجيات

التصميم الذري

لهذا المشروع سوف يستخدم المنهجية لإنشاء مكونات تسمى التصميم الذري. ستقوم مكتبة المكونات بإنشاء ذرات وجزيئات فقط مع التعاريف التالية:

تعريف الذرات

بالنسبة لهذا المشروع ، ستكون الذرة مكونًا يتكون من ذرة فريدة من نوعها مع علامات HTML أو بدون علامات HTML فقط.

تعريف الجزيئات

بالنسبة لهذا المشروع ، يكون الجزيء مكونًا يتكون من ذرة مختلفة على الأقل.