weekly
第 100 期 10/24 ViteConf 2022 Replay
Source: Stack Overflow Developer Surver 2022
技术热闻
ViteConf 2022 回放
大前端
React
The future of rendering in React
https://prateeksurana.me/blog/future-of-rendering-in-react/
In this article, we’ll be looking at React’s current rendering patterns, their problems, and how the new patterns introduced with React 18 aim to fix those problems.
Node.js
https://nodejs.org/en/blog/announcements/v19-release-announce/
JS
JavaScript metaprogramming with the 2022-03 decorators API
This blog post is intended for library authors: We’ll learn how decorators work and use our knowledge to implement several of them.
JavaScript from ES6 to ES12 in 2022
CSS
Why We’re Breaking Up with CSS-in-JS
This post will delve into what originally attracted me to CSS-in-JS, and why I (along with the rest of the Spot team) have decided to shift away from it.
Why I never understood CSS-in-JS
| 本文是对上文的 CSS-in-JS 的问题分析 | As a “pure CSS” guy, I had many questions and comments while reading the article, so I had to document them in this blog post. There are probably more reasons why I never understood CSS-in-JS, but these are the main ones. |
CLI
build-scripts 是集团共建的统一构建脚手架解决方案，其除了提供基础的 start、build 和 test 命令外，还支持灵活的插件机制供开发者扩展构建配置。本文尝试通过场景演进的方式，来由简至繁地讲解一下 build-scripts 的架构演进过程。
性能
几个月前对腾讯文档 Smart Sheet 中看板视图的排版计算进行了一次优化，主要是利用异步分片计算来提高当前的 FPS 值，避免用户操作被阻塞。… 解决上述问题有两种思路，一个是用 Web Worker 进行计算，另一个是异步计算，最终我们采用了异步计算。
我们是如何在需求和功能不断迭代的情况下，持续追踪和优化 SDK 的体积和性能的。
测试
京东也在这方面不断深耕，期望自己的遍历工具实现更全面的页面元素遍历方式，集成丰富的TestbyAI智能断言，且能做到跨多端问题巡检的能力，最终目标是辅助测试人员对页面进行完善的功能兜底测试，前置发现更多问题减少线上事故，有效保障应用质量。
跨端
本文会着重介绍如何继承H5端互动开发引擎中的优秀设计，逐步拓展出一码多端的互动开发引擎。
| [基于优酷业务特色的跨平台技术 | GaiaX 开源解读 #优酷](https://mp.weixin.qq.com/s/2LW4qS2Sk4SV23pAE2xhuw) |
GaiaX 跨端模板引擎，是在阿里优酷、淘票票、大麦内广泛使用的 Native 动态化方案，其核心优势是性能、稳定和易用。本系列文章《GaiaX 开源解读》，将带大家看看过去三年GaiaX的发展过程。
微前端
通常在一个微前端的架构下应用之间又会有许多公共的代码，那么在此基础上又如何更加灵活更加有效的共用这些代码呢？external？MF？
趋势
Islands 架构是今年比较火的一个话题，目前社区一些比较知名的新框架如 Fresh、Astro 都是 Islands 架构的典型代表。本文将给大家介绍 Islands 架构诞生的来龙去脉，分析它相比于 Next.js、Gatsby 等传统方案的优势，并且剖析社区相关框架的实现原理，以及分享笔者在这个方向上的一些实践。
行业
流媒体、电影、剧集、综艺、游戏、短视频。
Microsoft and Meta partner to deliver immersive experiences for the future of work and play
We believe that in the not-so-distant future, the metaverse will play a key role in providing new ways of connecting. Microsoft 365 apps will be available on Meta Quest devices. In the future, Windows 365 will also be available on Meta Quest devices
设计
本文将会基于个人经验，从设计表现和技术实现的角度聊聊Web端工具的数据保存。
在新零售场景下围绕“吃”的消费升级和“懂生活”的营销互动体验设计方法与创新从未停止。通过盒马小镇以及多种线上线下一体化的营销互动方法进行试点，调动品牌IP一起参与，为用户打造的一个体验鲜美生活的互动小天地。
拓展
web dev 出的一系列 Web 相关教程
Facebook 这家公司，这几年发展得不好，但是这本小册子做得挺好。从头到尾，传递了一种互联网创业的正能量：我们为什么创业，不是为了钱，是为了追求一种理想。这件事很讽刺，因为脸书压根不是一家理想主义公司，差得很远。但是，它偏偏把理想主义表达得很好，读了这本小册子，让你禁不住认同它的理念，从而统一了员工的思想，鼓舞了干劲。
欢迎加入，一起共建「前端周刊」