#инструмент дня

Ребята из Adobe делают очень и очень крутые вещи со своей дизайн-системой Spectrum.

Ну хотя бы просто потому что они догадались разделить React-часть на несколько дополняющих друг-друга компонентов: Aria, Spectrum и Stately. Где Aria — хуки для доступности, Stately — хуки состояний элементов, а Spectrum — построенная на них библиотека виджетов.

То есть, смекаете? Хуков из Aria и Stately достаточно для построения своего UI-кита или дизайн-системы. Их сочетание можно назвать безголовым, headless, UI-набором.

Не потому что дурным, а потому что реализация включает в себя не компоненты, но поведение.

Так вот, они тут провели большое исследование библиотек и компонентов для реализации перетаскивания элементов (drag-n-drop) и реализовали свои, с поддержкой не только мыши, но и тач-интерфейсов и клавиатур.

Их отчёт об этом: https://react-spectrum.adobe.com/blog/drag-and-drop.html

Весьма интересно, почитайте. И сам Spectrum, кстати, тоже очень хорош. Лёгок и продуман.

#adobe #react #ui