样式组件、样式系统、情感和主题 ui?

问题描述

有人能解释一下 Styled-components,Styled-system,emotion and theme-ui间的区别吗?此外,这些库如何适应 MDX 环境?

注意: 我已经阅读了所有文档,但无法找出差异

解决方法

Styled-System 是样式组件(或情感,由您决定)的超集。它旨在用于使您的主题更加整洁,并增加各种生活质量改进,例如内联速记道具。 Theme-ui 建立在此之上,进一步抽象并为您提供开箱即用的基本原语。通常,如果您使用 styled-system,您将开始创建许多实用程序功能和组件,并且它会开始类似于 Theme-ui。所以这就是你的解决方案。

Styled-Components/Emotion
    Styled-System
        Theme-ui/Rebass