介绍

在 React 转小程序方案出来之前,市面上的方案都是基于 Vue 的, 少有的基于 React 的方案问题都比较多。因此我们实现了自己的 React 转小程序的方案,一来,我们的技术栈可以继续沿袭 React,其次,我们也不用委服于原生小程序的淫威(原生小程序真的好原始好原始,要啥都没有,连组件继承都没有)。

小程序页面通常由 wxml, js, json, wxss 等文件组成。

wxml 是一个很弱的字符串模板,它可以通过 {{}} 标识符往里面填数据,但它填数据的地方不支持使用函数;它支持绑定事件,但事件的地方只能指定函数名,不能绑定参数;支持类似于 script 标签的 xws,但仔细使用你会发现它是一个笑话。因此,我们引入 JSX,它给予我们更大的自由度,而不是光顾着自己编译得如何舒服。并且它支持大家熟悉的 HTML 标签,不用强逼自己使用 viewtext.

js 文件是定义组件的地方,原小程序提供了 Component(), Page() 这两个方法来创建组件与页面。但组件与页面的生命周期名字不统一,并且组件不能继承,因此我们还是使用 React 那一套组件机制吧。

json 文件用于配置页面的标题栏或组件的本身的依赖关系,这些在 nanachi 中都是由转译器帮你生成,不用你费神。

wxss 是小程序的样式表文件,我们提供了更强大的选择,sassless

如果你的小程序已开发了一半,只想在局部页面试用一下娜娜奇,这个也支持!app.json 允许你只编译局部页面。

娜娜奇为你提供更多可能性与灵活性,更具体的使用详看其他使用说明。

快速开始