简介
Nanachi（中文：娜娜奇），一个基于React的多端小程序翻译框架，与React生命周期完全兼容，这意味着这是为React开发人员量身定制的小程序框架。使用React 小程序进行高效开发。该项目得到Qunar（Qunar）的支持。 Nanaki与某种本地语言小程序不兼容，因为它只能处理4种小程序，因此它不适用于必须与本地语言兼容的项目！
Github
框架特征
用于旅游，商城，音乐等的7套模板
支持微信，百度，支付宝，QQ，ByteDance 小程序，Kuai应用程序和H5翻译，应用程序正在跟进
支持React16，redux，mobx，打字稿的各种新的特殊证书
实现自动积分管理和自动报告机制
平滑小程序与PC之间的差异，通过视图参与绑定此
平滑两端的标签差异而没有感觉
兼容的API
主要包括以下API接口
内部API创建了元素，因为您仅允许使用JSX，所以您不能使用它
内部API复制元素，因为您仅允许使用JSX，因此无法使用
内部API打包组件，因为您只允许使用JSX，所以不能使用它
不存在
不存在
相当于微信的wx，支付宝小程序的我，百度Codey的天鹅，ByteDance的tt，QQ 小程序的qq，为了便于编译，请不要在业务代码中直接使用wx ，使用React.api
相当于微信的getApp
所有组件的基类
内部API用于创建组件
获取当前页面的react实例，instance.props.query，instance.props.path是当前路径和参数对象
内部API用于翻译es6类
内部API用于翻译样式
内部API页面组件将自动在底部添加此方法
内部API通用组件将自动在底部添加此方法
页面组件的生命周期挂钩
页面组件的生命周期挂钩
页面组件的事件监视用户滑动页面事件
页面组件的事件用于返回共享内容，建议改为使用它
页面组件的事件监视用户上拉的触底事件
页面组件的事件侦听用户下拉刷新事件
组件的生命周期挂钩等效于小程序的onLoad，并且道具中包含路由相关的信息，例如路径和查询。
组件的生命周期钩没有相应的小程序生命周期钩
组件的生命周期挂钩等效于小程序的onReady
组件的生命周期钩没有相应的小程序生命周期钩
组件的生命周期挂钩等效于小程序的onUnload
组件生命周期挂钩
组件生命周期挂钩
组件生命周期挂钩
组成方法
组件更新页面的方法
组件更新页面的方法
组件实例上的对象保存子组件的实例（因为对于普通标签没有DOM，尽管它也可以保存其虚拟DOM）
必须在组件方法中使用JSX，在其他方法中不能存在JSX，并且不能显式使用createElement
PS：以上仅是部分API的一部分，这些API与大多数API兼容，它们反映在网络，交互，导航，设置导航栏，Tabbar，动画，画布，键盘，滚动，下拉菜单，下刷新，节点查询，图片，数据缓存，文件，位置，共享，设备（包括振动，电话，网络，剪贴板，屏幕，系统信息，需要适应支付宝的扫描代码，用户屏幕快照事件）等。，可以访问详细文档官方文档地址！
脚手架
这只是anu的扩展。通过实现不同的渲染器，它支持在微信小程序，百度小程序，支付宝，Kuaiapp，H5，hybird上运行。
npm install nanachi-cli -g
yarn global add nanachi-cli
nanachi初始化
创建项目cd
&& npm我的安装取决于nanachi watch：[wx | bu | ali | quick] Monitor build 小程序 nanachi build：[wx | bu | ali | quick] build 小程序使用微信开发工具打开它是dist目录，由您自己在源目录中开发
注意：快速申请完成后，需要执行以下三个步骤：
npm installnpm运行buildnpm运行服务器有关详细信息，请参阅快速应用程序文档
摘要
本文只是Nanachi的简要介绍。我相信大多数人已经对此有了一个普遍的了解。过去，已经引入了一些类似的小程序框架。可以说是百花盛开，其中很多。太好了，芋头，uniapp，antmove等，有兴趣的人可以选择一个适合自己技术方向的框架来学习，既有相似之处，也有微小差异，都是为了解决小程序（快速应用）多端不一致的问题！
如果您有任何问题或建议，可以在评论区域中留言以分享，也欢迎提交优秀的作品进行推荐！