New features
1. Rax small program cloud development integrated application release
Applets integration is a collaboration between the Midway. Js team and the Rax team. Through the support for Applets in Midway.
Now, you can use a more modern front-end Web development approach to the development of applets cloud development integration applications. For more details, you can read the documentation applet integration.
2. Rax applets plug-in project supports runtime development
The Rax applet plug-in project previously only supported pages, components, and JS apis using compile-time solutions. Now we support runtime solutions as well. If you have a series of associated pages (such as transaction links) that need to be used in various types of host applet applications (native DSL or Rax DSL), you can quickly develop a applet plug-in using a runtime solution. It is important to note that the runtime only supports the development of small program plug-in pages for the time being. For more details, see the plug-in development and usage documentation.
3. Compile time applets support list keys
This feature optimizes the performance of dynamic lists by default using user-defined keys that meet the criteria in the x-for or map methods under compile-time applets. Use the note reference list rendering -Key.
New features
1. Performance optimization
We reconstructed the data processing method of DOM API on the wechat side, focusing on improving the rendering performance of long lists. After reconstruction, the time for adding data to the long list remains stable. At the same time, in all small programs, when setData is needed for each update, a layer of redundancy is removed to reduce the overall time consumption of setData.
Taking the simulated Taobao order list page in the IDE of wechat small program as an example (ten orders are rendered for the first time, and more orders are pulled down to load), the time consuming data comparison before and after optimization (unit: ms) is shown in the following table:
| The test items | Before optimization | The optimized |
|---|---|---|
| First screen rendering time | 412 | 379 |
| Add 10 order update time for the first time | 382 | 255 |
| Added 10 order interaction time for the first time | 42 | 29 |
| Add 10 order update time for the fifth time | 702 | 334 |
| Add 10 order interaction time for the fifth time | 60 | 67 |
Note: First screen rendering time: refers to the time for a complete rendering of a page without any interactive action after the small program opens the page. Interaction time: refers to the time from the initiation of an action to the feedback (triggering setData). Update time: refers to the time from the triggering of data operation events to the completion of corresponding rendering, including interactive feedback time + setData time.
2. Rectify the scroll view jitter problem
In the previous version, scrollView and rax-ScrollView occasionally jitter when used, which has been fixed in the new version.
3. Baidu, Kuaishou applet support Flex layout
Baidu and Kuaishou’s underlying rendering mechanism renders the Template as a real node, rendering the Flex layout invalid. Rax has made special treatment of View and Rax-View in reference to the treatment of Taro community users to ensure that they can use Flex layout in Baidu and Kuaishou mini program.
ecological
1. Uni API supports Baidu and Kuaishou small programs
As an important part of the cross-end ecosystem, the Uni API has recently completed support for Baidu and Kuaishou Applets. For more information about the Uni API, see the API’s one-code multi-terminal solution, Uni API.
2. Fusion Mobile releases wechat preview mini program
Fusion Mobile has released a preview mini program on wechat. Now you can scan the following mini program code to quickly experience the rich Fusion Mobile component content.
Business floor
Quick hand small program online
The first Rax Kuaishou mini program has been launched. Users can search “Youku Video” in the search bar of Kuaishou APP to experience it:
If you have a small application case developed online using Rax, please submit it here: github.com/raxjs/minia…
about
Official website: Rax.js.org/ Rax Repo: github.com/alibaba/rax Releases: github.com/raxjs/minia… Question feedback: github.com/raxjs/minia…
About us
Rax small program by the “Tao department front end team” produced, welcome to join the nail group, and we contact.
