What?

react-[component] 主要负责 Login Only 部分 。这里面尽量不要出现展示性的样式,只做逻辑的部分。

如果你是采用的 CSS 的方案,那么对应的展示性样式和对应的皮肤,请额外创建 css-[component] 组件。

如果你采用的是 CSS-in-js 的方案,需要在组件内定义好你的 UI 接口,和皮肤拓展方式。

开始

$ yarn global add @_nu/cli
$ nu-cli # 选择 react

会在你的当前目录创建一个母版仓库,你直接写就好了。

然后去 nu-system github 上创建一个新的仓库。 然后把你写的组件提交上去即可。

构建

react-[component] 目前是以 nwb 作为打包工具。

Tree

[component]
├── README.md         // 介绍你的组件
├── package.json      // 组件配置
├── nwb.config.js     // nwb 配置文件
├── es                // build esmodule目录
│   └── index.js
├── lib               // build 目录
│   └── index.js
└── src               // 原始代码文件夹
    └── index.js      // react 组件入口文件

Contribution

Fork react-button 这个作为组件模版,使用里面配置,删除原始代码,然后创建你自己的组件即可。

上次更新: 5/16/2020, 3:33:45 PM