miniapp

Rax applet is a complete cross-end applet development system based on runtime driver.

---

? Complete Rax DSL: Use the complete Rax (React) DSL and state management related capabilities without any syntax constraints

⏱Compatible with W3C standards: supports standard DOM and BOM API, and develops small programs as quickly as developing web applications

Support dual-engine mixed use: In small program projects, local components are supported to be built using compile-time solutions, providing a more extreme performance experience

? Multi-terminal support: Full support for Alibaba (Alipay, Taobao, DingTalk, etc.), WeChat, ByteDance, Baidu, Kuaishou mini programs

? Cross-end components: Fusion Mobile provides a rich component system across multiple mini-programs

⛳Cross-end API: Provide a unified API across multiple applets through Uni API

quick start

$ npm init rax rax-miniapp-example # 选择小程序跨端应用的类型
$ cd rax-miniapp-example
$ npm install
$ npm start

Then use the mini program IDE to start debugging:

document

Click on the Rax official website to view the usage documentation

Example

Click to view Examples

Online project cases

If you are also using Rax to develop small programs, you are welcome to add it to the issue of the case collection.

WeChat applet

Hema Market	Youku video	Global boutique duty-free city	Alibaba Retail Channel
Hengan Member+	AccorHotels	Zero wow smart	Taoxianda’s preferred group leader’s side

Click to see more WeChat mini programs using Rax

Alipay applet

Zhejiang Office	movie acting	Phase I of the Headquarters of the First Hospital of Zhejiang University	Game recharge
Hema Market	Tour around Fliggy	Ali Health Pharmacy	CUBA my home court

Click to see more Alipay mini programs using Rax

Taobao mini program

Click to view the Taobao mini program using Rax

Change log

Click to view CHANGELOG

Community

Q&A DingTalk Group	GitHub issues
	GitHub issues

Contribute code

Please first read the Rax Contribution Guidelines to understand the basic specifications.

development configuration

Run the following command:

$ git clone [email protected]:raxjs/miniapp.git
$ cd miniapp
$ npm install
$ npm run setup

Debug code package

Take debugging rax-miniapp-runtime-webpack-plugin as an example:

 # 进入示例项目
$ cd examples/app-lifecycle
$ npm install
$ npm link ../../packages/rax-miniapp-runtime-webpack-plugin # 本地 link 要调试的代码包
$ npm start # 启动项目，打开小程序 IDE 进行调试

Code package composition

NPM packages	describe
miniapp-render	Rax applet runtime solution simulates DOM/BOM API
miniapp-runtime-config	Rax applet runtime solution project public configuration
miniapp-history	Rax applet simulates history
rax-miniapp-babel-plugins	Rax applet code scanning babel plug-in
rax-miniapp-config-webpack-plugin	Rax applet configuration to generate Webpack plug-in
rax-miniapp-runtime-webpack-plugin	Rax applet runtime scheme template code generation Webpack plug-in
driver-miniapp	Rax applet runtime solution driver (what is a driver)
jsx-compiler	Rax applet compile-time solution core compiler
jsx2mp-cli	Rax applet compile-time solution command line startup tool (obsolete)
jsx2mp-loader	Rax small program compilation solution Webpack loader
jsx2mp-runtime	Rax applet compile time solution runtime shim
miniapp-builder-shared	Rax applet public methods and variables, etc.
miniapp-compile-config	Rax applet compile-time solution project public configuration

protocol

BSD License