工具包更接近主页上他们确

rmruhul

实对为什么你可能想要达到其中一个进行了比较，但我没有将其内化。

德鲁：是的。那挺好的。正如我们所提到的，对于 React 项目及其表现方式，而不是一些更传统的设计系统，这些系统会为您提供大量的类名来放在 HTML 上，并且您必须使用一些 HTML 结构，将正确的类放在它。这就是您在项目中获得 UI 表现的方式。对于 Chakra，因为它基于 React，所以它为每个元素提供了一整套组件。您只需导入到您的项目中即可。这些组件封装了自己的标记和样式，是吗？

麦克风：是的。您实际上不必使用 Chakra 编写类。我没有。我什至不知 电报号码数据[/b 道这是否可能。整个 React 范式是一个组件组合和属性。组件的封装意味着您将某些属性传递到组件中。在 Chakra 中，你有一个主题的概念，它是一个全球范式。有一个默认主题，它有颜色和间距的值以及所有常见事物的某些单位。

麦克风：您可以自定义该主题。它在全球范围内对其进行定制。您可以根据需要增强它。当您调用组件本身时，例如文本输入。输入组件。这将具有主题定义的默认颜色、边框半径、填充和边距。当您想进一步设置样式时，如果您不想在全局基础上进行设置，例如，当我指定底部边距时，我会根据具体情况进行设置。我不会在全球范围内这样做，因为这可能会导致灾难。您只需将其作为提示传递即可。

麦克风：有快捷方式提示。如果我有一个输入组件，我只是说，MB 等于，然后是一个值，它将应用边距底部。或者他们有 MX 和 MY 表示垂直和水平。或者您可以只指定 M 并传递字符串，就像传递 margin CSS 属性一样。没有班级名称。它动态地执行类名并将其混淆，远离用户。

德鲁：是的。我认为这就是必须与 Tailwind 进行比较的地方。因为 Tailwind 的工作方式是它为您提供了一整套类。如果您想增加利润，您可以开设一门课程来增加利润。听起来实际上您正在采取相同的...这是一种不同的实现，但其架构方式相同。我们实际上正在使用道具，并且您正在传递一个道具来调整这些东西。



德鲁：定制设计有多容易？是否只是能够调整颜色、边距和填充并使其看起来有点不同？或者你真的可以用 Chakra 来打造一个主题吗？

麦克风：哦，你可以做任何你想做的事情。这很棒。您可以在组件级别或主题级别设置样式。这仅取决于您想要如何发挥创意。我已经成功地使用了一些组件并用它们做了一些疯狂的事情。使其真正具有风格的部分原因是这些组件非常原子。

麦克风：再次使用文本框示例，如果您想要一个文本框，您的组件就是这样。您可以设置周围所有内容的样式，也可以设置文本框本身的样式。或者您可以更改主题。设置颜色以在全球范围内重塑一切。