Rax 团队 技术周刊（第六期）2020.2.14

周刊君祝愿在抗疫一线工作的朋友们一切都好 ~ 作为技术人，会在后方心与你们同在，用技术的力量给予抗疫战役支持。

社区前沿

• 19 (And Counting) Node CLI App Best Practices，本文将介绍 19 个 Node CLI 最佳实践的示例
• Chrome 80 发布，涉及第三方 Cookie 中的 SameSite 属性未指定时，默认值将会设置为 Lax等更新
• Electron 8.0.0 Released，Electron 发布 8.0.0 版本，内部 Chrome 同步升级到了刚发布的 Chrome 80，V8 8.0, and Node 12.13
• Understanding the ECMAScript Spec，本文将介绍 ESMA 标准下的一个 JavaScript 基础语法
• 从 JS 引擎到 JS 运行时（上）
• 从 JS 引擎到 JS 运行时（下）
• React Hooks的体系设计之一 - 分层

Rax 团队动态

Rax 工程

• 新增多端支持全局 css 变量
• 新增在工程中的 build.json 中设置 alias
• 新增 dark 和 light 模式开发：业务开发支持使用 css 开发 dark 模式 UI
• 新工程 eslint 检测：新工程支持 eslint-config-rax 配置
• 修复 build-plugin-rax-app 中 web target 必须在第一个位置，否则 start 命令启动异常问题
• 修复当项目为 css module 的时候 style 动态计算报错
• 修复 html 文件在 windows 上的路径问题
• 新增产物输出 umd 格式
• 新增 CLI 通过 help 查看参数

Rax 小程序链路

• 修复 script-loader 解析多版本 npm 包时路径错乱的问题
• 完善对 typescript 的支持
• 完善了对 if 条件渲染的语法支持
• 支持更多循环渲染的场景，比如多层 map
• 移除原有 useLocation 等小程序独有的 Hooks、直接在 class component 中设置 onShow 等监听原生事件，使用 withRouter addNativeEventListener 等 API 进行替代
• 修复 withRouter 失效的问题

Rax 基础组件

• 修复 rax-slider 在支付宝小程序 component1 中的不兼容问题，并支持在小程序中动态修改 index 来实现切换轮播的元素的功能
• 新增 rax-icon 支持微信和支付宝小程序端
• 基础组件增加 Demo 的 SSR 的预览能力支持，基础组件是否支持 SSR 渲染是 SSR 业务落地的一个关键因素

Rax VS Code Extension

• Create Rax 支持组件类型选择：rax-generator 最新版本组件可选择 componentType
• 新增 Rax JSON Config 扩展： 用户可快速编辑 build.json 的扩展，支持功能提示、自动补全、代码片段及字段校验功能
• 新增写 Flexbox 布局必装插件，安装地址

其它生态

• eslint-config-rax 迎来重大更新，Rax 团队所有项目的规则都收敛到 eslint-config-rax
• 新增 ESlint 规则 module/no-extraneous-dependencies，用于检测未将依赖加入 package.json 的场景，相比社区常用的 import/no-extraneous-dependencies ，这条规则不需要进行前置的依赖安装

其它

• Rax 开源仓库
• 往期文章
• 钉钉交流群
• Rax 微信交流群