阅读 745

飞冰月报 201908

重要进展

🚀 GUI 开发工具 iceworks

  • 发布 iceworks 3.0.0 版本 🎉🎉🎉
  • 新增 CLI 使用链路:无需下载,一步开启全新研发体验
  • 升级产品功能:「项目管理」、「工程管理」和「物料市场」三大能力覆盖源码研发全流程
  • 全新用户界面:提供多主题和多语言能力,满足开发者的个性化诉求

🐯 微前端解决方案 icestark

  • 发布 icestark@0.1.4 版本
  • 基于路由和模块化管理多个独立应用
  • 支持不同应用独立仓库、独立开发与部署

🐌 状态管理方案 icestore

  • 发布 icestore@0.3.0 版本
  • 核心功能包括包含中间件机制的支持,实现了框架的可扩展性,同时实现了对 IE 9+ 浏览器的兼容,扩展了框架的可适用场景
  • 发布官方调试中间件 icestore-debug@0.1.0,方便用户进行状态的追踪与调试

🐝 工程工具 ice-scripts

  • 优化自动 polyfill 能力,core-js 版本升级到 3.0,移除版本检测,优化启动速度
  • Mock 能力重构,支持 mock 内容热加载
  • 插件体系新增:
    • ice-plugin-jsx-plus 支持 jsx+ 语法
    • ice-plugin-dll 支持开启 DLLPlugin 提升构建速度

原创文章

  • icestore - 基于 Hooks 的轻量级状态管理方案: 在 React 的状态管理领域目前最有影响力的有两大流派,一类是以函数式编程为代表的 Redux,特点是通过单 store 与约定状态为不可变数据结构,使得状态易追踪与回溯,一类是以响应式编程为代表的 Mobx,特点是允许对状态进行直接修改,通过 observable 对 view 进行更新。自 react@16.8 发布 Hooks 特性之后,一大波基于 Hooks 的状态管理方案随之而来,飞冰团队也基于实际的业务场景产出了 icestore 方案,相比于 Redux、Mobx 在概念上会更少,也更贴近 React 的原生开发体验。
  • 飞冰团队的“寻人启事”: 飞冰隶属于阿里巴巴淘系前端团队的中后台架构小组,坐标杭州/北京。团队 16 年成立,3 年来我们持续在中后台领域耕耘,先后在内部孵化了可视化搭建平台(iceluna)、智能助手平台(iceman)、前端研发工作台(iceworks)等技术产品。在开源方面,我们主导的 ICE 是阿里前端开源产品中为数不多 star 数过万的项目。

淘系前端精选

  • 如何加快 Node.js 应用的启动速度:我们平时在开发部署 Node.js 应用的过程中,对于应用进程启动的耗时很少有人会关注,大多数的应用 5 分钟左右就可以启动完成,这个过程中会涉及到和集团很多系统的交互,这个耗时看起来也没有什么问题;但在 Serverless 的大潮下,如果我们的 Node.js FaaS 还像之前应用一样,一次部署耗时在分钟级,无法快速、有效地响应请求,甚至在脉冲请求时引发资源雪崩,那么一切的优势都将变成灾难,看看 Midway 团队的同学是如何解决的。

  • VSCode 原理解析 - 断点调试:VSCode 作为微软体系下一款当前最热的 IDE 开发工具,在调试领域上的探索实践是很好的学习案例,有道是:借他山之石,逐已身之玉,故本文着力于分析 VCode 中调试功能的设计与实现,让后来的人可以较为简单的理解调试这件事情是如何做到的。

  • 淘宝 Web 3D 应用与游戏开发实战:来自淘宝虚拟互动团队同学的分享,这个团队主攻 3D/游戏/VR/AR,为什么会在这样交叉领域去发力做一些事情?去年的双十一淘宝去年交易额多少?一千多亿,其中有 80% 的 GMV 是来自移动端的,简单地理解就是说我们公司在电商领域 80% 的钱是通过手机客户端赚取的,而不是 PC。这就是为什么在他们要在移动端做 3D/VR/AR 的应用。

业内精选

  • 微软提出 CSS Modules V1 :通过 import 语句将 CSS 模块导入到组件中:CSS Modules V1 是 Microsoft 提出的一项新建议,它是 ES Script 模块系统的一项扩展。在 CSS 模块的帮助下,Web 开发人员可以将 CSS 加载到组件定义中(例如 import styles from "styles.css"),并且与其他模块类型无缝对接。
  • React v16.9.0 and the Roadmap Update:不包含重大更改,旧的生命周期方法名在此版本继续沿用,但会给出警告提示,以及废弃 javascript: 形式的 URL,废弃 Factory 组件,新增用于测试的异步函数 act() 等等。
  • Vue 最新动态:基于函数的组件 API 提议被拒绝,尤雨溪发布了重新设计的 Function-API RFC,现在被称为 Composition API。

其他