自从上一年发布了 React17 之后，团队貌似就有些划水的嫌疑开云(中国)Kaiyun·官方网站，2021 年主要和其他孝敬者进行了一些友好见面，比如在布宜诺斯艾利斯（阿根廷齐门）的约会：

以及给字节高出作念直播共享：

责任上主若是在建立 React17 的 bug，但其实建立的也不是许多，当前只发了两个修补版块号，最新版块是 V17.0.2，一年只发了两个 patch 版块，责任量显着不及，年终绩效就很为他们感到惦记。

抱着怀疑的魄力，比拟优秀的东谈主老是自驱的，怎么会划水呢？于是翻了下 Dan Abramov 的牌子（gitHub 提交记载），这哥们是 React 的中枢成员，在 React 也待了 5 年之久，很具有代表性，他本年的责任东若是推动 Reac18。

React18 提供了许多 Concurrent 特色才智，不错对页面的渲染任务的优先级进行惩办，使页面的交互更友好，举个例子，比如页面上有个搜索框，某一次搜索时加载了过多的数据，那在渲染的时候，页面会被卡住，你点击页面上搜索框就会没响应。

这时，你不错诳骗 Concurrent 提供的一些才智，把点击的事件处理优先级调高一些，然后渲染就会被中断，会优先处理点击事件，给用户响应便是：看，它动了！

React18 在上个月（十一月）16号终于发布了 beta 版块，肯定在 2022 年头各人就有新东西不错学习了，真替各人感到愉快！

Dan Abramov 推动的另外一件事是 Service Component，它允许你在管事器渲染组件，然后 Client 端加载表露：

这个的主要自制是不错减少 js 打包文献大小，举例底下的代码：

import marked from 'marked' // 35.9 k  import sanitizeHtml from 'sanitize-html'; // 206 k  const MarkdownView = () => {  return <div>{sanitizeHtml(marked(text))}</div>  } 

如果放在浏览器渲染，就需要加载 marked 和  sanitizeHtml 两个库，关联词如果放到管事端渲染，就只需要加载渲染后的 html 就行了，速率会快上许多，这个我以为是前端成为全栈工程师的又一个进口。

另外的一个自制便是组件在管事端调用接口也会快许多，毕竟走的是内网。

咱们不错量度，将来大致率会出现一个民众的 Service Component 管事，来合并提供多样组件资源：

有趣味的同学不错提前酌量建设，比及 Service Component 厚爱发布之后，就不错开门接客了。

尤雨溪在 2 月 17 号发布了 Vite2：

嗜勤学习的网友喜大普奔：

Vite2 不错说是又给 bundless 打了一针鸡血，当前各大公司齐奋勇跟进中，比如阿里巴巴的 icejs 和 字节高出的  eden 两大框架就同期守旧了  webpack 和  ice 模式。

另外，像 vite 的这种 bundless 打包情势，主要依靠的是浏览器对 esm 的导入导出情势的守旧，形如：

import lodash from 'lodash' 

在本色运行时，会发送一个央求加载 lodash 资源，既然如斯，那就不错搭建一个 CDN 将通盘的第三方资源存放在上头，供互联网通盘的网页使用：

import lodash from 'https://xxx/lodash' 

2021 年发展比拟迅猛的 CDN 是 Skypack：

当前前端形势的发布过程如下：

如果使用 skypack，依赖包装配阶段将来可能将不需要，同期编译也会快许多，因为不需要将依赖包编译进去。

那这样的一个 CDN，关于大公司而言，接洽到安全、融会以及便捷选藏等等原因，更可能的是会搭建我方搭建一套，是以妥妥的是个基建风口。

当前 Vite 也曾有 130 万的月下载量，一些本来依赖 webpack 尤其是新的框架也在拥抱 Vite，vue3 也会将 Vite 算作模式树立，是以很看好 Vite 的将来，不外 Vite 有个缺陷，便是他的后台管事是启动在土产货的，是以只可在土产货享受到比拟快的编译速率，不外，为啥咱们不搭建一个民众的 Vite 管事呢：

这样就不错在联合并测试环境，享受到极速的编译，部署起来就会很快。

Vue3 是上一年发布的，那本年主要便是纵情的建立 bug 和发新版块，当前 Vue3 的最新版是：V3.2.26，一年间发了快要 60 个版块，平均每周发极少几个版块，从尤雨溪的 gitHub 提交记载不错看到：

这个东谈主责任相配的长途，况兼在周六日也频繁提打法码，而这一切，齐是为了让各人在 2022 年有新东西学习！

从上头的 Github 提交记载不错看到，10 月和 11 月产量比拟少，可能是因为作家侨民到新加坡迂缓的，为啥要侨民新加坡呢，可能是因为新加坡的个东谈主所得税比拟低（最高20%）。

Vue3.2 主要提供的功能是守旧 Web Component，你不错通过 Vue 写一个组件，经过编译之后，不错不依赖任何框架运行在浏览器中：

由于不依赖框架，肯定页面的渲染会快许多，这样各人就不错省下一些时候学习新东西了。

sveltejs 作家是 Rich Harris，这个东谈主同期亦然 Ractive, Rollup 和 Buble 的作家，堪称前端界的轮子哥，那 2021 年他为他的新轮子 sveltejs 找了个大靠山。

Reactive 是 Rich 的第一个开源形势，命运不好的事是发布不久 React 就发布了，天然很勉力的选藏，但无奈照旧被 React 给拍死了，况兼其残毁还为 Vue 作念了嫁衣（Vue 借用了 Reactive 里面的一些念念想）。

sveltejs 和 Vue、Angular、React 很雷同，齐是用来开荒前端页面的框架，关联词 sveltejs 通过两种情势让页面运行起来更快更融会：

不错这样作念的原因是它会在编译时将组件所需要的运行时间码打包在组件里面（会剔战抖绝大部分不消的），因此组件不错独处的运行不需要借助外部模块，比如如下的模板：

<a>{{ msg }}</a> 

在编译之后会疏浚为如下雷同代码：

function render(root, parent) {  var a = document.createElement('a');  a.innerText = root.msg;  parent.appendChild(a);  return {  update: root => a.innerText = root.msg;  };  } 

2. 莫得臆造 DOM 成本：

sveltejs 的通盘操作齐是平直处理果真 DOM，莫得臆造 DOM 的 diff 和 patch 成本。

sveltejs 当前的最大缺陷是跟着形势组件到达一定进程，形势代码会卓越其他框架，对此 Rich 暗示正在憋大招。

临了说下他的靠山，Guillermo Rauch（Vercel 首创东谈主），堪称前端网红收割机，除了 Rich，他还为 Vercel 永别招募到了 Tobias（前Webpack作家）、Donny（SWC）作家等等。很好奇，到底是什么样的步调，难谈是钞才智？

2021 年被称为低代码平台平台年，最初是有浩繁的本钱涌入，比如 OutSystems 在 2 月份的时候拿到了新一轮的融资，高达 1.5 亿好意思元；明谈云是在 7 月份也拿到了近亿元的投资，十分于一个小方针，他的首创东谈主也相配的清翠，写了一个近万字的感谢信；同期腾讯、阿里、致远、金蝶、用友等厂商纷繁入局。

为啥搞了那么多年不冷不热的低代码，在 2021 年运升沉热了呢？

有一个很蹙迫的原因便是因为疫情的，本来线下的责任需要迁徙到线上，需求一下子就井喷了，要领员运转不够用了。

疫情期间，握行进口管控，患者分流，败北院内交叉传染是病院防控责任的重中之重。内蒙古呼伦贝尔市东谈主民病院信息科主任张布林仅用三天时候，就为病院开荒了“预检分诊系统”，完毕患者信息汇注和预检分诊历程的数字化。

相似是疫情期间，斯科特·斯潘多利尼（Scott Spendolini）基于低代码平台，也仅用了两天时候就推出了基于Web的逐日超市库存查询应用，匡助好意思国得州奥斯汀市那些慌乱不安的亏本者了解把握商店的库存情况。

临了，来聊一聊元世界，2021 年以为是元世界的刷屏年，天然鄙东谈主也靠着犀利的投资感觉投资了元世界的联系行业，赚了一些活命费：

汗下，才凑合跑赢通货推广，那关于前端来说，元世界齐有哪些契机呢？

WebXR 是个尺度，制定了一些 Api 表率，通过这些 Api 是个不错让你通过 web 时刻来完毕一些 VR 、AR 的应用，粗浅来说就像开荒网页一样开荒 VR、AR 应用，而不需要去下载成心的 App，注视 WebXR 中的「XR」暗示 VR 和 AR。

当前 WebXR 应用照旧一派蓝海，各人不错在海边捡到许多贝壳。

比如开源形势 three.ar.js，这个是3d引擎three.js 的 ar 版块，是一个用来在 WEB 上开荒 AR 应用的库：

有趣味的同学不错加入悉数建设，当前插足的每行代码，将来可能齐会影响上千万用户，关联词收益会比拟慢。

多了解元世界，成为这个畛域各人，才能在它到来的时候发达一些作用。

咱们帮各人转头了下 2021 年前端的一些要点，关联词咱们转头的目标不是为了去操心这些要点，毕竟又莫得这方面的期末考研，咱们之是以转头要点，是但愿能够站在当下看将来，著述提了我个东谈主的一些认识开云(中国)Kaiyun·官方网站，比如民众 Service Component 管事以及民众 Vite 管事，有趣味的同学不错加入咱们悉数来创造将来！