关于 Nami UI

Nami UI 是一套基于 React 开发的组件库，它源于作者的一些无聊的想法，以及个人使用上的需要；它的开发决策秉承着「混乱中立」的原则，只是为了开心。

兼容性#

  • 通常，仅兼容最新发布的 React 版本，这主要看新版本中是否有我喜欢的特性；
  • 同样，仅兼容最新发布的浏览器版本，这也主要是看新版本中是否有我喜欢的特性；
  • 如果有某个浏览器所发布的一些特性是我正需要的，而其它浏览器并未支持，那这些浏览器将不再被兼容，直到它们也支持了这些特性。

因为以上原则，所以到目前为止（2021-02-12）只兼容如下版本：

  • React 17.0.1
  • Chrome 84+
  • Edge 84+
  • Safari TP

安装/使用#

每个组件对应一个包，挑选自己需要的组件，在项目中安装并使用它们即可，至于包名及使用方式则可在各组件 Demo 中查看。另外为了方便，也有提供一个导出了所有组件的包，可以考虑使用它：

yarn add nami-ui
import { HStack, TextBox, Button } from 'nami-ui';
export default () => (
<HStack spacing>
<TextBox />
<Button>Hello</Button>
</HStack>
)

但它还不太稳定，需要谨慎使用，如果要用的话，请结合使用包管理器提供的 lock 功能。

P.S. 其实这里的所有组件都不稳定，都需要谨慎使用，所以一定要加 lock。

资源#

Edit this page