现在的位置: 首页 > web前端 > 正文

Remax小程序开发体验

2020年07月03日 web前端 ⁄ 共 971字 ⁄ 字号 评论关闭

  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。

抱歉!评论已关闭.