使用 React 能力开发小程序

📅
1 分钟阅读
·

最近一年我在小象负责移动端架构工作。此前,我们基于 pixi 实现游戏框架,将 React 桥接到 pixi,因此开始考虑让 React 运行在其他平台。

该小程序承载较复杂的电商业务,与 App 的交互保持一致,需要配套工具和规范。2018 年研发了小程序的构建工具,支持 npm、TypeScript、SCSS、Less、PostCSS、Babel 等;但它仍使用小程序原生语法,因此希望在此基础上支持 React 语法。

京东的 Taro 通过静态语法分析,在构建时将 JSX 转换为小程序模板。该方案对可使用的 React 写法和生态库存在限制,不符合项目直接使用 React 及其生态库的要求。基于游戏框架的思路,初步方案是在小程序中实现兼容 React 的运行时,以类似 VDOM 的结构连接 React 与小程序视图层。部分库依赖 BOM 接口,因此实现了简单的 DOM/BOM 垫片,由垫片与小程序视图层交互。


60 字 · 3 段落
ximing

Follow onGitHub

相关文章