ما هو

Storybook أداة مفتوحة المصدر قوية لتصميم واختبار وتوثيق مكونات وصفحات واجهة المستخدم بشكل معزول. تتيح للمطورين إنشاء وعرض عناصر واجهة المستخدم دون تعقيدات التطبيق الكامل، مما يبسط التطوير ويتيح استكشاف الحالات المختلفة وحالات الحافة. يدعم Storybook مجموعة واسعة من الأطر، بما في ذلك React و Vue و Angular و HTML، مما يجعله حلاً متعدد الاستخدامات للمشاريع المتنوعة. يعزز التعاون ويحسن اتساق واجهة المستخدم ويسرع سير عمل التطوير من خلال توفير بيئة مخصصة لإنشاء وإدارة مكونات واجهة المستخدم.

الميزات الأساسية

عزل المكونات

تطوير واختبار مكونات واجهة المستخدم بشكل معزول، بمعزل عن بيانات ومنطق التطبيق.

لا يعتمد على إطار عمل معين

يدعم أطر عمل مختلفة مثل React و Vue و Angular و HTML.

توثيق تفاعلي

ينشئ تلقائيًا وثائق لمكوناتك، بما في ذلك الخصائص وأمثلة الاستخدام.

نظام إضافات

مكتبة إضافات واسعة للوظائف المحسنة، مثل عناصر التحكم واختبار إمكانية الوصول والاختبار المرئي.

الاختبار المرئي

يتكامل مع أدوات الاختبار المرئي لضمان اتساق واجهة المستخدم عبر المتصفحات والأجهزة المختلفة.

النماذج الأولية السريعة

قم بإنشاء نماذج أولية سريعة وتكرارها على مكونات واجهة المستخدم دون الحاجة إلى بناء التطبيق بأكمله.

كيفية الاستخدام

قم بتثبيت Storybook باستخدام npm أو yarn.، قم بإنشاء ملف تكوين Storybook.، حدد القصص لمكونات واجهة المستخدم الخاصة بك.، قم بتشغيل Storybook لعرض مكوناتك والتفاعل معها.، استخدم الإضافات للحصول على وظائف محسنة مثل عناصر التحكم واختبار إمكانية الوصول.

حالات الاستخدام