weekly
第 78 期 05/16 Google IO 2022 大会
From: npm trends react-vs-vue
### 技术热闻
回放地址:（bilibili）https://www.bilibili.com/video/BV1Dr4y1t7ak 主要看点：
- 知识和计算：Google 翻译新增 24 种语言，Google Maps 升级沉浸式视图，推出 LaMDA 2 和 AI Test Kitchen 提升人工智能对话，增强现实技术相关探索；
- Android 亮点：Android 13 Beta 2 发布聚焦安全性和个性化，Jetpack Compose Beta 1.2更新，平板电脑/Wear OS/TV OS 协作，Google Play更新介绍，Android 隐私沙盒；
- Google 硬件：智能手机 Pixel 6a，智能手表 Pixel Watch，降噪耳机 Pixel Buds Pro，AR 实时翻译眼镜，即将到来的 Pixel 7，平板电脑Pixel Tablet；
- Flutter 3.0 发布：增加了对 macOS 和 Linux 应用的稳定支持，Firebase 应用服务支持，Casual Game Toolkit 发布，移动平台更新，性能改进，Dart 语言升级；
内容介绍：
- Google I/O 2022 促进知识和计算机技术发展 https://mp.weixin.qq.com/s/bflDfIO1F6xF-tfMEcBjAw
-
一起看 I/O Android 开发者不能错过的 13 件事 https://mp.weixin.qq.com/s/RxjV-47X1SBYm_crgCDSzg -
一起看 I/O Android 13 Beta 2 现已发布 https://mp.weixin.qq.com/s/RxjV-47X1SBYm_crgCDSzg -
一起看 I/O Flutter 3 正式发布 https://mp.weixin.qq.com/s/8CydPxEZ7HPGoE-U1SsBKg - Google I/O 2022 大会硬件新品一览 https://juejin.cn/post/7096713207808524318
It seems that the most famous frontend development joke “new day, new framework” has aged poorly. The goal for the State of Frontend is still the same – we want to see the real day-to-day perspective from frontend professionals of all levels and backgrounds.
Goodbye Facebook. Hello Decentralized Social Media?
大前端
Performance
Don’t fight the browser preload scanner
In this post, we’ll talk a bit about how the preload scanner works—and more importantly, how you can avoid getting in its way.
Interaction to Next Paint (INP)
Interaction to Next Paint (INP) is an experimental field metric that assesses responsiveness. A low INP ensures that the page will be reliably responsive at all times.
基于 Webassembly + QuickJS 的 Web 安全沙箱技术方案，面向 Web 端建设下一代开放技术
“无效的代码”的多寡直接影响到了我们的代码质量，所以度量代码的执行覆盖率是一项重要的优化前置工作。
TS
一个在线判题器的 TypeScript 类型挑战合集，提供了非常多题目，由易到难，边练边学。 其他信息：
- 项目目标：让你更好的了解 TS 的类型系统，编写你自己的类型工具，或者只是单纯的享受挑战的乐趣！
有中文翻译版本。
- 题目有：132道题：easy（13道）、medium（68道）、hard（37道）、超难（14道）
React
Server Components：我们即将和 API 告别？
Server Components 所带来的，是我们可以把同一个项目中，一部分的组件作为 Server Components，另一部分组件，作为 Client Components，因此我们可以既享受到后端内部调用带来的便捷、可维护性，又能保证页面的可交互性几乎没有任何妥协。PHP + bootstrap + jQuery，现在，Server Components 就像是这套范式的升级版，可以被称为一种全新的“全栈”开发模式。
本周是上周推荐的视频的中文文字版。没有涉及太多技术细节，以轻松简单的方式让你了解React核心技术的演进，对理解React底层原理有帮助。
Vue
Will Nuxt 3 Make Vue.js Great Again?
In this article, I will summarise some of the greatest features that might hopefully lead many developers to switch from React.
本文是上周推荐的中文版。作者总结过去几十年的JavaScript开发经验，将JS分为四个主要时代，简述了每代框架的弊端和解决的问题；对以后发展方向需要解决的问题做了个总结。
CSS
The year 2022 is set to be one of CSS’s greatest years, in both features and cooperative browser feature releases, with a collaborative goal to implement 14 features!
Flutter
对我们内核团队来说，要做的就是在理解 Flutter 这些缺陷的同时，去研究是否存在有效地进行局部改进，或者从其它设计层面上对某些缺陷进行规避的方法，让应用开发者既可以充分利用 Flutter 的优势，又不用过于担心它存在的问题。
行业资讯
近年来，快递物流行业已从蓝海进入红海，下半场竞争的两大核心点无外乎是客户体验、成本控制。而要实现这两点，数字化技术尤为重要。本文重点介绍了德邦快递基于华为云的数字化转型。
对于酒店业来说，发展会员体系的根本目的依然是流量，但在互联网经济经历爆炸式的发展后，流量红利逐渐消失，获客成本大幅上升，新式会员体系如何在后流量时代找到一条可实践的路需要行业的共同思考。从某种角度来说，如今的酒店会员体系已经到了变则活，不变则腐的关键时期。本文以酒店会员体系为论点，介绍了基于疫情常态化下百达星系这一会员体系新的思考。
设计
Web 生态即将进入响应式 Web 设计的新时代，并转变我们对其含义的看法，也为会Web设计带来新的变化。组件式驱动 Web 设计（或开发）也被称为是下一代响应式 Web 设计（或开发）。
QQ设计师在日常工作中反复实验，终于找到了这些宝藏插件，让UI设计领域的你成为高效的设计师。
发现
A high-performance framework with fine-grained observable-based reactivity for building rich applications.
延伸
欢迎加入，一起共建「前端周刊」