使用stylex-extend

在使用了一段时间的 stylex。我发现截至目前0.6.0的版本来看。stylex 对于应用开发还是有点麻烦的提供的API过于低级导致 在开发应用的时候需要编写大量的{...stylex.props}这一点显然是十分不友好的。为此我编写了@stylex-extend/babel-plugin 去拓展一些新的编写方式。

$ yarn add @stylex-extend/babel-plugin

export function Button() {
  return <button stylex={{ color: "red" }}>Action</button>;
}

这种方式有点类似于在使用emotion,这个插件在编写的时候刚好也是 inline RFC 提出的时候。可见社区对于create以及inline的态度。我个人是倾向于使用JSXAttributes去做这件事。但是从目前来看如何复用 css 依然是一个需要考虑的问题。 inlineAPI 是一把双刃剑在定义简单的样式表的时候他确实提供了足够的便利但是从项目的复杂性出发可组合的 style 才是正确的方向减少重复定义提升 DX 这条路依旧是一项巨大的挑战。