Skip to main content

模块开发-react 组件

目标:

  • 学会基于远程 react 组件模板项目快发开发一个新的 react 组件,供 hel-microhel-micro-react 消费。

  • 学会将现有 react 项目改造可供 hel-microhel-micro-react 消费的模块

codesandbox 使用示例:https://codesandbox.io/s/demo-load-remote-react-comp-2bnpl0

开发远程 react 组件

克隆模板库

克隆远程 react 组件模板项目为rrc-xxx(名字请按实际需要修改,此处仅做示例)

npx degit https://github.com/hel-eco/hel-tpl-remote-react-comp-ts rrc-xxx
// js 可克隆
npx degit https://github.com/hel-eco/hel-tpl-remote-react-comp rrc-xxx

改 package.json

nameappGroupName改为 hel 模块组名

  "name": " rrc-xxx",
"appGroupName": " rrc-xxx",

改 subApp

src/configs/subApp.ts改为你 hel 模块组名,以便让构建元数据时能够校验通过

export const LIB_NAME = 'rrc-xxx';

开发组件

src/components目录下新增组件,并src/components/index文件里导出即可

发布组件

跳转到模块发布查看

其余文档正在拼命建设中,有疑问可联系 fantasticsoul 或提 issue ....