Remax将React运行在小程序环境中,让你可以使用完整的React进行开发。真正的React-不同于静态编译的方案,在Remax中使用React没有任何限制,包括ReactHooks。你可以把Remax理解为针对小程序的ReactNative。
Remax怎样
多端支持-使用Remax把代码转换到多个小程序平台。
TypeScript-完整的TypeScript支持,给你满满的安全感。
Remax使用小程序提供的组件来构建应用,而且你的代码是运行在小程序环境中。开发者在Remax中使用React没有任何特殊限制,同时也支持ES6语法,ESModule,async/await等等。
Remax使用
从模板创建项目:
$npxdegitremaxjs/template-onemy-app
$cdmy-app
或者在已有的项目中引入:
//remax.config.js
module.export={
//通过设置one:true来开启RemaxOne。
one:true,
//通过环境变量区分不同平台的输出目录
output:'dist/'+process.env.REMAX_PLATFORM,
};
小程序配置
app.config.js以及页面的config.js配置文件支持多端配置方式:
//app.config.js
consttitle='小程序标题';
constbgColor='#fff';
constpages=['pages/index/index'];
//支付宝
exports.alipay={
pages,
window:{
defaultTitle:title,
titleBarColor:backgroundColor,
},
};
//微信
exports.wechat={
pages,
window:{
navigationBarTitleText:title,
navigationBarBackgroundColor:backgroundColor,
},
};
总之,在使用Remax前你需要有对React有基本的了解。如果你有React的开发经验,那么也要注意Remax不同于ReactDOM。