正如您所期望的这种设计

rmamin

系统它附带了用于排版的组件。用于布局。然后是按钮和表单元素的细节，还有一个图标库。几乎有您期望在设计系统的厨房水槽页面上看到的所有内容。你那里已经拥有了一切。对我来说，这一切看起来都很现代。我注意到布局网格组件实际上使用了 CSS 网格，这总是很令人高兴。它不仅仅是提供一些弹性盒子。
麦克风：哦耶。完全。
德鲁：通常使用起来非常灵活吗？您是否发现布局元素 电报号码数据 能够构建您需要的任何类型的 UI？
麦克风：是的。是的。绝对地。它的伟大之处在于，在某些情况下它们提供了多个抽象级别。就 CSS 网格而言，他们有一个简单的网格，就像，好吧。你想把它放进去，这就是你的网格。你只需将东西放入其中并指定，我认为是列数或类似的东西。然后你就有了一个网格。
麦克风：但，如果您需要在网格的行为上有更多的灵活性，那么您就有一个通用的网格组件，它可能是……简单的网格组件可能包装了另一个网格组件。它只是其自身之上的另一个外观。
麦克风：由于同样的原因，这种组件组合的方法在 React 世界中是一个有价值的范例。如果您有一个非常通用的组件，并且有很多属性，那么，您可能希望在一组用例中以一种方式相当普遍地使用该组件。您只需将其与另一个具有静态或预先指定的 props 的组件包装在一起，以获得更强大的组件。
麦克风：他们在 Chakra 中很好地运用了这种方法。我还没有遇到任何我不能用它做的事情。我确信它就在某个地方。或者做一些比较麻烦的事情。但一般来说还没有发生。至少我想不到。



德鲁嗯，我真的很高兴看到的一件事，也是你之前提到的，似乎是对可访问性的强烈关注。
麦克风：是的。
德鲁：当然是在促销信息中。这是代码本身产生的吗？他们言行一致吗？它实际上内置了良好的可访问性吗？
麦克风：我想是这样。我对它进行的最接近的测试是运行 Lighthouse 来对抗它。它始终在可访问性方面提供高分。我通常会使用 Chakra Next.js。Next.js 具有开箱即用的性能。你经常会看到高分和一切。我今天刚刚发推文说这本书的主页上有四个灯塔乐谱中的三个。