بيئة تطوير مكون رد الفعل المعزولة مع دليل نمط المعيشة
React StyleGuidist هي بيئة تطوير المكونات مع خادم DEV المعاد تحميلها الساخن ودليل نمط المعيشة يمكنك مشاركته مع فريقك. إنه يسرد propTypes المكونات ويظهر أمثلة استخدام قابلة للتحرير بناءً على ملفات Markdown. تحقق من دليل النمط التجريبي .
الاستخدام
- البدء: تثبيت وتشغيل styleguidist
- توثيق المكونات: كيفية كتابة الوثائق
- تحديد المكونات: Point StyleGuidist إلى مكونات React الخاصة بك
- تكوين WebPack: أخبر StyleGuidist كيفية تحميل التعليمات البرمجية الخاصة بك
- كتاب الطبخ: كيفية حل المهام المشتركة مع styleguidist
الوثائق المتقدمة
- إعدادات
- أوامر وخيارات CLI
- Node.js API
أمثلة
- دليل النمط الأساسي ، المصدر
- دليل النمط مع الأقسام ، المصدر
- دليل النمط مع أنماط مخصصة ، المصدر
- دليل النمط مع نقاط النهاية الصريحة المخصصة ، المصدر
- إنشاء تكامل تطبيق React ، المصدر
عرض
مشاريع حقيقية باستخدام React StyleGuidist:
- مخططات الدمدمة
- أفضل رد الفعل
- مكونات واجهة المستخدم الدلالية للتفاعل
- مكونات الحوار
- مكونات بولما
- مكونات Yammer
- المزيد من المشاريع ...
التكامل مع الأدوات الأخرى
- إنشاء تطبيق React - مدعوم خارج الصندوق ، انظر دليل البدء
- Vue ، انظر Vue StyleGuidist
أدوات الطرف الثالث
- Snapguidist: اختبار لقطة لـ React StyleGuidist
- React-StyleGuidist-Visual: الاختبار المرئي الآلي لـ React StyleGuidist ، باستخدام Puppeteer و PixelMatch
- styleguidist-scrapper: نص الخردة للوثائق التي تم إنشاؤها بواسطة React StyleGuidist
موارد
- The Dream of Styleguide Drived Development Talk by Sara Vieira
- بناء مكونات رد فعل مكتبة مكتبة روبرت هاريتونوف
- قل الجبن: لقطات واختبار بصري
- مقابلة مع Artem Sapegin حول React StyleGuidist.
تغيير السجل
يمكن العثور على سجل التغيير في صفحة الإصدارات.
المساهمة
الجميع مرحب بهم للمساهمة. يرجى أخذ لحظة لقراءة الإرشادات المساهمة ودليل المطور.
الرعاية
كن راعياً واحصل على شعارك على ReadMe على Github مع رابط لموقعك.
كن مؤيدًا احصل على صورتك على ReadMe على Github مع رابط لموقعك.
المؤلفون والترخيص
Artem Sapegin والمساهمين.
شعار سارة فييرا وأندريه أوكونيتشنيكوف.
ترخيص معهد ماساتشوستس للتكنولوجيا ، راجع ملف الترخيص.
