Components map a name to a group of sub-token properties: ... Variants (hover, active, pressed) are expressed as separate component entries with a related key name.
大多数人认为组件变体应该通过嵌套结构或条件逻辑来组织，这是现代UI框架的标准做法。但作者选择将每个变体表示为独立的组件条目，这种扁平化结构挑战了组件变体的传统组织方式，可能使某些复杂场景的维护变得更加困难。
Components map a name to a group of sub-token properties: ... Valid component properties: backgroundColor, textColor, typography, rounded, padding, size, height, width.
大多数人认为组件应该被定义为完整的、独立的实体，包含所有必要的样式和功能。但作者认为组件应该被定义为对已有设计 tokens 的引用和组合，而不是独立的样式定义。这种方法挑战了传统的组件设计理念，强调了设计系统中的复用性和一致性而非组件独立性。
Components are the core of MJML. A component is an abstraction of a more complex email-responsive HTML layout. It exposes attributes, enabling you to interact with the final component visual aspect.
Trailblazer offers you a new, more intuitive file layout in applications.
Instead of grouping by technology, classes and views are structured by concept, and then by technology. A concept can relate to a model, or can be a completely abstract concern such as invoicing.
Sometimes, systems just scale the problemA UI design system is more than the code of a component library. It’s more than the colors, styles, and margins of your elements. It’s an ever-growing and ever-evolving creature that entails your brand and your user’s feelings.
If you don't understand the problem - you can [[scale the problem instead of solve the problem]], and it's important to remember that a [[design system is more than a component library]]
When using React hooks there is no concept of onMount because the idea of only running some code on mount leads to writing non-resilient components, components that do one thing when they mount, and then don’t take prop changes into account.
A component shouldn’t break because it’s rendered more or less often.
Keep the local state isolated.Think about which state is local to a particular UI representation — and don’t hoist that state higher than necessary.
Props and state can change, and components should handle those changes whenever they happen.
Even if a component is rendered just once, your design will improve if rendering twice doesn’t break it.