Skip to content

canfoo/react-wxapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React语法构建小程序

本项目纯属学习之用,目的是为了让大家了解原理,因此功能实现不齐全,切不可以投入到实际业务进行使用!

本项目简单实现了React语法构建小程序的过程,即将src目录的一个计数器代码转换成小程序可执行代码,转换方式分别通过两种方式进行实现,一种是编译时方式实现,另一种是运行时方式实现。编译时方式即通过静态编译将JSX转换成小程序对应的template来实现渲染,类似Taro2.0,此方式性能接近原生小程序,但是语法却有很大限制。运行时实现是通过react-reconciler重新在小程序平台定义一个React渲染器,从而使得React代码可以真正运行到小程序里,类似Taro Next、Remax等,因此这种方式无语法限制,但是性能会比较差。

如何使用

安装依赖

npm install

重编译构建(构建成功后用微信开发者工具导入 /dist/compile 目录)

npm run build:compile

重运行构建(构建成功后用微信开发者工具导入 /dist/runtime 目录)

npm run build:runtime

About

使用React语法构建微信小程序的原理

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published