📋 محتويات الصفحة
📖 الوصف
Storybook هو بيئة تطوير لبناء واجهات المستخدم ومكتبات المكونات بمعزل عن التطبيق الرئيسي. يسمح بتطوير، اختبار، وتوثيق كل مكون بشكل مستقل في بيئة sandbox. يستخدمه أكثر من 10 مليون مطور شهرياً ويدعم React و Vue و Angular و Web Components وأكثر.
🎯 يستخدم في
مجالات استخدام هذه الأداة
تطوير المكونات بمعزل
توثيق المكونات بصرياً
اختبار UI (Visual Testing)
مشاركة التصميم مع المصممين
Design System Development
✨ المميزات
أبرز مميزات هذه الأداة
تطوير بمعزل عن التطبيق
توثيق تلقائي وتفاعلي
addons غني (a11y
viewport
design)
Visual Regression Testing
supports React
Vue
Angular
Web Components
تكامل مع Chromatic للـ visual testing
⚠️ العيوب
نقاط يجب مراعاتها
يحتاج إعداد أولي
قد يبطئ التطوير للمشاريع الصغيرة
addons قد تحتاج صيانة
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
# إنشاء Storybook
npx storybook@latest init
# تشغيل Storybook
npm run storybook
# بناء Storybook للإنتاج
npm run build-storybook📚 أدوات أخرى في Documentation
قد يعجبك أيضاً
Docusaurus
⭐موقع توثيق ثابت مبني على React
GitBook
⭐منصة توثيق سحابية
JSDoc
⭐مولّد توثيق من JavaScript
Mintlify
منصة توثيق حديثة وسريعة
MkDocs
⭐موقع توثيق ثابت مكتوب بـ Python
Nextra
⭐موقع توثيق مبني على Next.js و MDX