Задача
Все приложения состоят из одинаковых повторяющихся компонентов: кнопки, поля ввода, таблицы, сетки и так далее. Писать их каждый раз под новый проект не целесообразно, можно сэкономить существенное количество времени беря готовые. При этом сторонние библиотеки компонентов часто переусложнены стремясь покрыть множество кейсов, которые не встречаются в отдельно взятом приложении. Необходимо разработать такую библиотеку, которая будет легкой в продакшене, экономит время разработки и позволяет гибко трансформировать все компоненты.
Решение
Для максимальной скорости разработки все компоненты React и вспомогательные функции в StageUI используют описание стилей прямо в коде JavaScript в сокращенном формате там где это уместно. Таким образом можно сэкономить много времени на написание CSS используя тот же объем памяти с учетом того, что скорость вычислений в любом случае выше, чем рендеринг React DOM.
Философия библиотеки заключается в безграничной возможности кастомизации в локальном и глобальном контексте. Это значит что проект из Figma легко ложится в общее описание дизайн-системы прямо в программном коде. Его можно изменить вызовом одной функции, поменяв к примеру светлую тему на темную, но впрочем так можно изменить любой компонент как угодно. Также внутри предусмотрены функции, которые могут быстро вызвать уведомления, модальные окна, подстроить цвет и задать адаптивную верстку.
Поддержка
Весь код опубликован под свободной лицензией MIT, принимаются замечания и исправления. Таким образом поддержка продуктов каждого клиента в части фронтенда осуществляется централизовано, одновременно улучшая и повышая стабильность для всех пользователей. Каждый день ее загружают более 2 тысяч раз.
