Rax 1.1.0 大事件播报！！！

全部的前端程序员们，请注意！ 在过去的 3 个月，通过 Rax 团队不懈的努力，咱们 release 了 Rax 1.1.0 ，同时 Rax 周边生态也分别取得了各自的突破性进展~

Rax 内核华丽升级

咱们从如下 3 个方面提高了内核的能力：

• 性能&体积
• 改动&修复
• 更多的功能

性能方面：在样式和布局（主线程）上所花的事件大幅减小， Rax@1.1.0 的均值 benchmark 指标相比 Rax@1.0.0 提高了 15.8% ！各项性能指标离 preact 又更近了一步：

体积方面：Rax 变得更加轻量了，咱们经过冗余逻辑提取、内部变量名压缩、打包工具优化等等策略，使得 Rax@1.1.0 相比 Rax@1.0.0，Minified 体积降低 32.8%，Gzipped 体积降低 12.48%，解析编译的时间更短，初始化&启动指标更快，同时带来的最大收益是加载资源的网络成本更低！

改动&修复方面：咱们作了两件事，（1）建立 VDOM 的时候对 props 作了浅复制，避免对传入对象进行反作用操做（2）在 Dev 模式下，Rax 会经过 Objeact.freeze 冻结 props，避免开发者无心或者有意对 props 进行修改。

你们比较关注的新功能方面：（1）Rax 支持运行时 PropsType 检查啦，就像下面这样：

(2) Rax 和 React 同样，对于循环渲染会经过 key 来高效的识别元素变更，这个版本，咱们针对 Dev 模式添加了 key 值校验的 warning，帮助开发者写出性能更好的代码~

(3) 更好的异常提示和错误码功能，当开发者写出会触发异常的代码以后，Rax 会在 Dev 模式和 Build 模式下给出对应的错误信息：

Universal API -- 多端应用的好帮手

做为多端布局的重要环节之一，Universal API 在过去的 3 个月里支持了 30 多个阿里、微信小程序的 API，具体能够使用能够戳这里~~~关于如何快速产出抹平多端差别的 API，咱们后续也会有对应的文章分享哦！！！感兴趣的同窗能够持续关注咱们。

小程序 -- 更好用的小程序构建方案

小程序方向在过去 3 个月，咱们最大的进展，非支持微信小程序莫属了！同时，咱们支持了 8 个对应的多端基础组件，开发者能够经过组装这些基础组件来完成本身的多端应用~感兴趣的同窗能够动手尝试一下：

npm init rax my-app
复制代码

即刻进入开发微信小程序的世界~

除了支持开发微信小程序，咱们在工程、语法支持、性能上也有了大幅度的进步。

工程上，咱们支持了多模式下的依赖解析处理，自然支持 less/sass/stylus，更好的错误提示、source map、多端配置。

语法上，咱们支持了 JSX+ ，更加随意的在循环中绑定事件，逻辑表达式渲染等等。

性能上，咱们对长列表渲染进行了自动优化，而且添加了各层数据浅 Diff，经过队列合并渲染任务从而大大提高了渲染性能。

PWA -- Web 技术的推手

咱们能够说，这是经历双十一检阅过的 PWA。与其说，咱们在描述过去 3 个月，Rax 团队在 PWA 上的努力，不如说咱们在 Web 技术演进上作出的尝试！

Rax 团队作了哪些事情呢？（1) 工程上，咱们进行了拆包、按需加载、预加载、预渲染；（2）App Shell 快速加载框架结构，让用户在尽量短的时间内看到页面结构；(3) 无缝切换，用户在使用经过 Rax PWA 开发的 Web 应用的时候就像在用原生 App，能够接着看前一个页面上次访问到的元素；（4）快照渲染，用户经过二次访问页面，可以真正的实现秒开，话很少说，看数据：

想要知道 Rax PWA 背后更多的故事，能够看这篇文章~

SSR -- 渲染性能完成 React 6x 提高

先甩出咱们作了什么：

• Fass 发布流程打通
• 渲染性能极致提高

Fass 发布流程打通，Rax 的工程支持 Serverless 的发布模式，可被发布到阿里云、AWS 等函数托管平台，也能够集成到基于 express 、koa 的传统 Node.js 应用。

以发布到社区的 Serverless 托管平台 Now 为例，没有复杂的应用开发和申请流程，在现有 Rax 工程中，扩展一个插件，就能够一键完成 SSR 应用的上线了：

渲染性能极致提高，Rax 团队采用了静态模板 + 动态组件的混合渲染模式，让 SSR 的渲染性能达到了 React 的 6 倍：

-----------compare renderToString----------
React(16.12.0)#renderToString x 1,664 ops/sec ±1.40% (84 runs sampled)
Rax(1.0.13)#renderToString x 13,411 ops/sec ±1.05% (85 runs sampled)
Preact(10.0.5)#renderToString x 1,237 ops/sec ±2.18% (84 runs sampled)

The benchmark was run on:
   PLATFORM: darwin 17.5.0
   CPU: Intel(R) Core(TM) i7-7660U CPU @ 2.50GHz
   SYSTEM MEMORY: 16GB
   NODE VERSION: v10.11.0
复制代码

benchmark 地址：github.com/raxjs/serve…

若是，想要了解 SSR 背后更多的实现原理以及故事，敬请期待咱们后续的文章哦~

工程 -- 多端工程的最佳实践

工程上，咱们也考虑到了面向的多种用户：

• 支持多页面工程
• 支持最简化的 Rax 工程
• 支持直接使用 React 编写的组件

结语

咱们不知道能不能吸引到此刻正在看文章的你来使用 Rax。可是咱们知道，咱们想要创造一些咱们看到的将来，而且试图去改变和推动大环境的标准以及技术解决方案，来服务更多的开发者和用户~

相关连接

zhuanlan.zhihu.com/p/94707590

zhuanlan.zhihu.com/p/84583617

zhuanlan.zhihu.com/p/84443743