Що таке UI-catalog?

UI-catalog - це візуальна збірка всіх компонентів користувацького інтерфейсу, які використовуються в проєкті.

Він потрібен для:

• Огляду компонентів. Кнопки, форми, картки, таблиці й інше - в одному місці.
• Повторного використання. Дизайнери та розробники бачать, які елементи вже є, і не винаходять їх заново.
• Уніфікації дизайну. Усі елементи слідують одній системі: однакові відступи, кольори, шрифти, поведінка.
• Документації. Часто UI-catalog показує не лише візуал, а й опис: як використовувати, які є стани, які пропси доступні.
• Тестування. У каталозі простіше знаходити баги, дивитися крайні стани й перевіряти доступність.

По суті, це вітрина всіх «цеглинок» інтерфейсу. Storybook якраз може виконувати цю роль.