Стилизованные компоненты, стилизованная система, эмоции и пользовательский интерфейс темы?

Может кто-нибудь объяснить различия между Styled-components, Styled-system, emotion and theme-ui. И, кроме того, как эти библиотеки вписываются в среду MDX?

NB: я просмотрел всю документацию, но не смог выявить различия

Источник

1 ответ

Решение

Styled-System - это надмножество Styled-Components (или Emotion, на ваше усмотрение). Он предназначен для использования поверх них, чтобы сделать вашу тематику более аккуратной, а также добавляет различные улучшения качества жизни, такие как встроенные стенографические реквизиты. Theme-ui построен на этом, чтобы еще больше абстрагироваться и дать вам базовые примитивы из коробки. Часто, если вы используете styled-system, вы начинаете создавать множество служебных функций и компонентов, и это начинает напоминать Theme-ui. Так что это существует как решение для вас.

      Styled-Components/Emotion
    Styled-System
        Theme-ui/Rebass
Источник
Другие вопросы по тегам