فرض کنید یک پروژه تیمی بزرگ دارید که بخش های پیچیده و مختلفی برای UI دارد. بهترین کار این است که بخش های مختلف UI را در قالب کامپوننت های مجزا طراحی کنید و بعد به عنوان کتابخانه از آنها استفاده کنید.

Storybook برای همین کار ساخته شده!

Storybook ابزاری متن باز است که برای طراحی کامپوننت برای React ، Vue و Angular استفاده می شود. می توانید بیرون از پروژه اصلی خودتان، کامپوننت خود را با Storybook طراحی کنید ( کاملاً ایزوله 🙂 ) و بعد در پروژه خودتان از آن استفاده کنید.

اما صبر کنید!

قبل از اینکه بروید سراغ این ابزار حرفه ای، بهتر است نگاهی هم به این پروژه های آماده و متن باز که با استفاده از Storybook درست شده اند هم بیندازید. شاید کامپوننت موردنظرتان را پیدا کردید و اصلاً نیازی به طراحی مجزا هم نداشته باشید !

1- WFP

2- Clarity Core

3- Circuit

4- Talend

5. Carbon

6. Grafana

7. Qui

8. Orbit

9. Chroma