Remax 是一个可以让你使用真正的 React 构建小程序的开发框架,详细的介绍清访问 https:// remaxjs.org
这个版本最大的改进就是支持在 React 组件中引用小程序的自定义组件。Remax 把 React 生态带入小程序的开发中,而这个特性更是双向打通了 React 跟小程序的生态,让我们可以复用小程序生态中已有的大量组件。
引用小程序自定义组件方式也非常简单。
支付宝小程序中引用 Badge 组件:
import React from 'react';
import { View } from 'remax/alipay';
import Badge from 'mini-antui/es/badge'; // 直接当成 React 组件引用,无需申明 useComponents
export default () => (
<View>
<Badge>
<View slot="inner">Remax</View>
</Badge>
</View>
);
微信小程序中引用 Vant 组件:
import React from 'react';
import { View } from 'remax/wechat';
import Button from 'vant-weapp/dist/button'; // 直接当成 React 组件引用,无需申明 useComponents
export default () => (
<View>
<Button type="primray">Remax</Button>
</View>
);
《小程序自定义组件》文档
其他新增特性
- 支持自定义 babel 配置 (8afee36)
- 新增 rootDir 配置,允许设置源码目录 (#262) (59a47f2)
- config 文件支持使用 esm (361cb4e)
查看详细改动:https://github.com/remaxjs/remax/compare/v1.1.3...v1.2.0