feat: support use react write miniapp (#3393)

[chenbin92]

raxjs 0.1.0-1 版本

plugin-core

为 raxjs 和 icejs 提供运行时能力

• raxjs & icejs 运行时模板
  • raxjs 模板
  • icejs 模板
  • 应用入口（runApp）
  • 生命周期（appCycles、pageCycles）
    • icejs + react 小程序
    • icejs 项目
    • rax web 项目
  • 自动引入 app.json
  • 路由实例化
  • 自定义路由
• 提供加载插件的运行时（plugin-xx/runtime.ts）的能力
• 提供项目临时文件 generator 生成器能力

create-cli-utils（raxjs & icejs）

• 基于 build-scripts 封装 raxjs 包提供 CLI 和插件集能力
• 基于 build-scripts 封装 icejs 包提供 CLI 和插件集能力
• 封装 raxjs & icejs 公共的 create-cli-utils 文件包

create-app-shared

• 提供 Rax&React 通用的 API

function createShareAPI({ withRourer, createElement, useEffect, loadRuntimeModules }) {
  const { usePageShow, usePageHide } = createUsePageLifeCycle({ useEffect });
  return {
    createApp: createApp({ loadRuntimeModules }),

    // 路由
    withRouter: enhanceWithRouter({ withRourer, createElement }),
    createHistory,
    getHistory,

    // 生命周期
    emitLifeCycles,
    usePageShow,
    usePageHide,
    withPageLifeCycle,

    // 工具方法
    pathRedirect,
    registerNativeEventListeners,
    addNativeEventListener,
    removeNativeEventListener
  };
};

完整示例

• examples/basic-spa：icejs 示例
• examples/with-miniapp: icejs + React 小程序示例
• examples/with-rax-web: raxjs 示例
• examples/with-rax-mimiapp: raxjs 小程序示例

p0

• raxjs 小程序链路 @SoloJiang
• raxjs 支持状态管理 @SoloJiang
• rax 支持 wrapperRouteComponent api @SoloJiang
• 支持 parseSearchParams 配置 @SoloJiang
• raxjs 支持 ErrorBoundary @SoloJiang
• raxjs 导出 API @SoloJiang
• raxjs 账号问题 @chenbin92
• icejs 模板接入 CLI 初始化 @chenbin92
• 生命周期类型 @chenbin92
• 小程序链路构建日志优化 @chenbin92
• renderer 和 plugin-core 包名优化 @chenbin92
• targets 改为 browserlist 兼容 @chenbin92
• icejs 支持小程序文档 @chenbin92
• icejs 小程序物料 @chenbin92
• ice 站点导航新增小程序文档 @chenbin92
• icejs 面向社区发布支持小程序文章运营 @chenbin92
• 小程序 rpx 单位 @chenbin92

p1

• mpa/spa/pha 项目构建配置 @chenbin92 @SoloJiang
• appJSON 需要经过 loader 处理 @SoloJiang

730 版本发布

• web app framework
• raxjs beta 版本
  • raxjs web 链路
  • raxjs 小程序链路
• icejs beta 版本
  • 小程序链路
  • 生命周期

807 版本发布

• icejs 发布支持小程序正式版本
• raxjs 发布业务可用版本

DONE

• rax-app 生命周期接入 create-app-shared @SoloJiang
• rax-app 接入 rax-renderer @SoloJiang
• rax 项目引用名称确认 @chenbin92
• icejs 导出 API @chenbin92
• plugin-core/runtime.ts 兼容 rax-app @chenbin92
• onShow、onHide 放在 appConfig.app 中 @chenbin92
• icejs 所有示例和功能回归测试 @chenbin92
• 支持 withSearchParams & useSearchParams 方法 @chenbin92
• raxjs 支持添加 types @chenbin92

其他

• icejs 中后台项目路由使用 routes.ts，其他配置在 app.json 的 routes 中
• rax MPA 多入口的配置问题
• document
• App Shell 概念不透出，走静态构建