「2022 年什么会火？什么该学？本文正在参与“聊聊 2022 技术趋势”征文活动 」
一、🚀 框架：“三足鼎立”到“两大集团对峙”
曾经：
React挟天子而令诸侯，Angular虎踞江东，Vue夺荆楚而谋天下。
但是，很明显从 2021年 开始，世界的格局发生了变化。
2021前端框架star增量如下：
Angular 在增量上甚至已经跌出了前3。
按“存量”+“增量”的计算方式来看，2022年基本来说 Vue 与 React 两家的霸主地位不会出现太大的偏差了。
再按照当前社区的活跃程度而言，Vue 与 React 的对比，也绝对不能只看其本身的对比。
一个库是否受欢迎，是否有潜力，更得考虑到其社区是否活跃，其生态是否足够丰富。
因此，Vue 生态和 React 生态在2022年，极有可能将会形成“两大集团军”并强的局面。
Svelte 还需要时间发展，而 Angular 确实已显出疲态。
至于 React 和 Vue 到底谁强谁弱，让我们看看尤雨溪 本尊怎么说：
按尤雨溪 的说法，vue 在国际上的占有率持续提升，但目前仍然距离 React 有一定差距。当然，在国内的话这个差距可能会进一步缩小。
二、🚀 打包：webpack 称王，vite 飞速增长
webpack 开关迎敌，九国之师，逡巡而不敢进。
可以大胆而谨慎地预测，2022年，在 webpack 面前，依然没有一个真正能打的对手，vite 不行，snowpack 也不行，许许多多的构建工具依然没有出现可以真正威胁 webpack 历史地位的工具。
如果2022年你的精力只够学习一款前端构建工具，那毫无疑问你仍然应该把注意力放在 webpack 上。
活跃的社区、丰富的生态、模块联邦、webpack 依然是绝对的王。
但 vite 肉眼可预见地也正在崛起。
只要是使用过 vite 的人，一定会惊诧于它的“快”。但截止目前 2022-01-23，它依然只适合在个人项目 或 小型项目 上进行实践。
当您需要构建企业级应用时，最好的做法依然是“回到webpack身边”，直到下一个“webpack杀手”出现。
三、🚀 语言：更多语言要学，Rust 领跑新基建
不会
Dart,Rust,Golang，我经常感觉自己不是个好前端。（假的，我已经躺平了）
Flutter，dart-sass 说自己属于大前端，你得学 Dart。
EsBuild 说自己是前端组件，你得学 Golang。
swc、parcel、Webassembly，值得你去学习 Rust 的理由似乎更多。
但容我泼一盆冷水，对于80%以上的公司而言，可能并不需要你去学习以上三种语言，来进行所谓的“新基建”。这些可能非但无法帮助你所在的公司解决问题，反而更可能引入新的问题。
至于你说 Node 和 Deno ? 拜托，这二者只是 Javascript 的执行环境。根本不算“新语言”。
如果非要在上面三种语言中学一种的话，Rust显然更具优势：
- 性能好。
Rust在运行效率和资源消耗上的优势十分明显，和C++同一个级别。 - 安全特性。内存安全和保证。
- 跨平台。
Rust拥有优秀的跨平台性，支持交叉编译，一份代码可编译出支持windows、linux等多平台的二进制。 - 受欢迎。
Rust连续3年成为Stack Overflow最受欢迎的语言。 - 前端新基建领军人。
swc、parcel、Webassembly，Rust目前在前端新基建的表现确实比其他语言都更加亮眼。
不过如果时间有限，我个人可能会选择做一些更有性价比的事情。
四、🚀 架构：微前端，用还是不用？
“微前端 就是 iframe 的升级版。”
初次听到这个论调，我是拒绝的。但当我仔细站在使用方的角度思考这个问题后，我又不得不承认，他说的真的很有道理。
“微应用”要解决的最核心的问题是什么？
- 越来越庞大的“巨石应用”难以维护，开发成本会不断增大。
- 当技术栈升级时，应该如何让存量代码能正确在“新架构下”运行？
- 如何实现“大型企业级”项目的状态共享与业务拆分。
IFrame 曾是该问题的一个合理答案，但在 SPA 项目横行的当前，IFrame 显然要面临更多的问题：
- 内存占用大
- 状态共享艰难
- 资源重复加载
- 「弹个框弹到页面最中间」可能都很难做到
为了在 SPA 场景下，实现一种能解决 IFrame 困境的方案，于是有了“微前端”。
越来越多 的企业开始尝试使用“微前端”。
但使用 “微前端” 架构一定要谨慎考虑，它是对业务发展到一定场景后的增强，盲目使用“微前端”，可能并不理智。
五、🚀 浏览器：大人，这是最好的时代
近几年，最让前端感到“振奋”的消息是什么？我心中必然是“Edge切换为Chrome内核”。
微软宣布：“IE 浏览器将于 2022 年 6 月 15 日正式停用，这之后，用户们在使用最新的Windows系统时将无法使用IE浏览器”。
而谷歌浏览器（及其内核）近年来则一路高歌猛进，成为了浏览器市场上绝对的霸主。
垄断行业的 Chrome 是否会成为下一个 IE？
这个没有人能给出准确的回答，但迄今为止，我们都能感受到 Chrome 前进的方向依然是“标准、安全、高效”。
对于前端而言，老一代浏览器的衰亡无疑是“重大利好”，我们或许无需再为了那些老一代浏览器的存量占有率，而使用 Babel 让我们的代码变得冗余难懂。
在此，我不由得想幻想一下“SAFARI”也拥抱Chrome 内核的那一天。（虽然不大可能）
对于前端而言，最好的时代永远可能正是今天。
结束
我是春哥。
我热爱 vue.js , ElementUI , Element Plus 相关技术栈，我的目标是给大家分享最实用、最有用的知识点，希望大家都可以早早下班，并可以飞速完成工作，淡定摸鱼🐟。
你可以在掘金关注我：春哥的梦想是摸鱼，也可以在公众号里找到我：前端要摸鱼。
希望大家在 2022 变得更强。
