remaxjs 是一款使用 react 语法的多端开发框架,主要应用于 微信小程序 和 web app。
如果你对react的语法比较熟悉,并且使用过原生小程序开发,那么你将可以很快上手。
remaxjs 对微信小程序的 api 和 组件封装了一层,使用时,从remax/wechat 包中导出即可,十分的方便。导出的api的属性 和 组件的使用与原生小程序几乎一致。
官方文档>>>
快速开始
Api的使用
引入微信小程序生命周期
项目开发中很多时候使用的是 函数组件 React.FC , 比较简单 干净,但有一些特殊的组件需要依赖生命周期。
我们可以通过引入useAppEvent,或者usePageEvent, 分别对应 整个app应用层级的生命周期 和 页面级的生命周期。
import { useAppEvent,usePageEvent } from 'remax/macro';
// 第一个参数为 小程序 生命周期的名称, 第二个参数为回调函数
useAppEvent('onShow', () => {
console.log('小程序重新打开了')
})
usePageEvent('onShow', () => {
console.log('从上一个页面中返回。。')
})