@jdcfe/legao

@jdcfe/legao

LEGAO React

Lightweight, Logic-focused React Components, Power By TypeScript & Legao UI

安装与使用

安装与使用请移步我们的文档站。

开发

代码结构

源码均在 src 目录内。每个组件有自己的子目录。最终所有组件统一在 src/index.js 中 export 出来。

开发

RUN yarn dev

构建文档站

RUN yarn build:site

Commit Message

RUN yarn commit

构建

RUN yarn build

组件文档

基于 Storybook 中 addons-docs mdx语法，请在组件同级创建 stories 目录，新建同名说明文档，ex. Button.stories.mdx。

代码规范

使用 eslint 规范

编辑器

我们推荐使用 Visual Studio Code。

为了更好的开发体验，我们建议使用 prettier 进行在开发和提交阶段进行代码格式化，配置如下：

...
"[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnPaste": true,
    "editor.formatOnSave": true
},
"[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnPaste": true,
    "editor.formatOnSave": true
},
"[mdx]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnPaste": true,
    "editor.formatOnSave": true
},
...

测试

执行 yarn test 运行单元测试。

我们的单元测试使用 Facebook 开源的 jest 框架编写。如果你之前没接触过，请移步 jest 文档学习。

** ❤ 作为一名靠谱的工程师，请为你提交的修改编写相应的单元测试 ❤ **

讨论 / 问题反馈 / 建议

请移步 issue 页面。