Storybook. Що це таке і навіщо він потрібен розробнику

Чули вже про Storybook? А користувалися?

Це інструмент для розробників, який допомагає створювати, переглядати і тестувати окремі частини користувацького інтерфейсу (компоненти) в ізоляції від основного застосунку.

Уявіть, що ви будівельник, який потрапив на нове будівництво. Виконроб вже другу годину водить вас поверхами і розповідає, що і як тут влаштоване, тобто показує всю систему цілком. А вже з понеділка вам необхідно буде починати роботи на четвертому поверсі будівлі.

Але які матеріали тут використовуються? Яка цегла? Цемент? Арматура?

Так от, Storybook — це така собі «майстерня» зі зразками всіх окремих елементів: цеглини, вікна, двері, меблі тощо. Ви йдете до майстерні, дивитеся на наявні матеріали, як вони виглядають і поводяться в різних ситуаціях. І тепер ви готові до роботи, тобто краще знаєте, які компоненти і блоки використовуються.

Що це дає в розробці застосунку?

• Колекції історій: ви бачите, як певний компонент виглядає і поводиться з різними налаштуваннями.
• Документація компонентів: зручність у створенні та підтримці документації.
• Тестування: ви можете автоматизувати тести для забезпечення правильності компонентів.

Для кого призначений Storybook?

• Розробники: ті, хто працює над фронтенд-частиною додатків (інтерфейс).
• Дизайнери: ті, хто хоче бачити і тестувати, як виглядають і поводяться компоненти.
• Тестувальники: ті, хто перевіряють окремі частини інтерфейсу для забезпечення їхньої правильності.

Цей текст взято з особистого блогу після отримання дозволу автора.