Таким образом, вы не хотите создавать свои компоненты с нуля, но вы также хотите стилизованные компоненты, чтобы заполнить все ваши дополнительные потребности в стиле? Проведя последнюю неделю взвешивание плюсов и минусов трех библиотек компонентов:
- Материал-UI
- Ресал
- Семантический интерфейс реагирования
Я могу заверить вас Нет хороших вариантов Отказ Таким образом, это с самодовольным сердцем, которое я приглашаю вас оценить, какие из этих настолько вариантов нам не нравится меньше всего. Здесь они оцениваются по категориям:
Документация
Реакция семантического интерфейса является ясным победителем, когда дело доходит до документации. Даже материальный дизайн со своими 500+ участниками не удается избавиться от простоты использования семантических пользовательских реагирования. Быстрая навигация, четко помеченные типы опоры, и каждый пример может быть изменен в редакторе кода, прикрепленный ниже вывода.
Документы ресницы не хватает подробно, чтобы сказать наименее. Типы для каждого опоры не указаны, а не повторяющийся список общих реквизитов для каждого компонента, вкладка верхнего уровня «реквизита» предположительно применяется к каждому компоненту в библиотеке.
Хотя документация может показаться незначительным фактором для некоторой, плохая документация способствует плохому использованию, которое может просаживать часы драгоценного времени развития.
Сообщество
Материал пользовательский интерфейс – это легион последователей, Ребасс – одному человеко-армию, а семантический интерфейс ui – где-то между ними. При использовании материалов-интерфейса или семантического каждая, у вас есть вопрос, скорее всего, будет проблемой на GitHub или Stackoverflow. То, что говорится, Rebass – это небольшая библиотека, которая делает его правдоподобным прыгать в источник, чтобы ответить на ваш вопрос.
Переопределенные стили
В большинстве проектов стили библиотеки компонентов не будут использованы как есть. Особенно при стилизовании на основе проектирования документа будет появится некоторые переопределения стилей, которые вам понадобится применить к библиотеке компонентов. В случае REBASS, который построен с использованием стилей в стиле, расширение стиля работает из коробки. На самом деле каждый компонент приходит предварительно завернутый в в стиле Функция, поэтому стиль расширение так же просто, как
MyComponent.extend` color: red; `;
А поскольку Rebass очень минималистский, нет много правил, чтобы переопределить. Это действительно похоже на чистый сланец.
Это нельзя сказать для материала-интерфейса или семантического. Довольно быстро мы были в вооруженном гонке специфичности CSS с помощью Whacky селекторов, таких как:
&&&&&&& { color: red !important }
Стало ясно, что это не устойчивое.
Заключение
Ребасс, безусловно, самая сплоченная компонентная библиотека для использования со стильными компонентами. В конечном итоге, именно этот стиль был оказался выключателем сделок для материального пользовательского интерфейса и семантической.
Однако, если вы ищете что-то, что сразу же заставит ваше приложение выглядеть хорошо, и вам все равно, чтобы отклоняться от стилей библиотеки, вам лучше использовать семантический или материальный интерфейс. Вы не будете разочарованы своими превосходными документами, общинами и дизайном.