Intro to Storybook
  • !ابدأ
  • مكون بسيط
  • مكون مركب
  • البياتات
  • واجهات
  • أطلق
  • الاختبار
  • الإضافات
  • الخلاصة
  • ساهم
Framework:
ReactReact NativeVueAngularSvelteEmber

الخلاصة

لخص معرفتك وتعلم المزيد من تقنيات ستوريبوك
هذه الترجمة المجتمعية لم يتم تحديثها إلى اخر اصدار من ستوريبوك بعد. ساعدنا في تحديثها عن طريق اتباع التغييرات في دليل العربية في هذه الترجمة طلبات Pull مرحب بها.

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

📕 GitHub repo: chromaui/learnstorybook-code
🌎 ستوريبوك المنشور

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

تعلم المزيد

تريد الغوض أكثر في ستوريبوك؟ هذه مصادر مفيدة.

من صنع المقدمة لدروس ستوريبوك؟

النص والكود والإنتاج كلهم تمت المساهمة بهم عن طريق Chromatic. استوحيت الدروس من سلسلة Chromatic المشهورة GraphQL + React tutorial series.

تريد دروس ومقالات أكثر مثل هذه؟ اشترك في اللائحة البريدية الخاصة بستوريبوك.

Is this free guide helping you? Tweet to give kudos and help other devs find it.
Next Chapter
ساهم
ساعدنا في نشر ستوريبوك حول العالم
✍️ Edit on GitHub – PRs welcome!
Docs
Documentation
Add Storybook to your project in less than a minute to build components faster and easier.
reactvueangularweb-components
Tutorial
Tutorials
Learn Storybook with in-depth tutorials that teaches Storybook best practices. Follow along with code samples.
Learn Storybook now
Storybook
The MIT License (MIT). Website design by @domyen and the awesome Storybook community.
StorybookShowcaseDocsTutorialsAddonsBlogReleasesGet involvedUse casesSupportTelemetryTeam
Community GitHub Twitter Discord chat Youtube Component Driven UIs
Subscribe
Get news, free tutorials, and Storybook tips emailed to you.

Maintained by
Chromatic
Continuous integration by
CircleCI
Hosting by
Netlify