2021 前端框架之国内
source link: https://zhuanlan.zhihu.com/p/405898628
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
2021 前端框架之国内
halo 大家好，俺是 132，今天给大家带来一篇文章，原文是发在 devto 上的：
https://dev.to/132/2021-javascript-framework-2d0e
事到如今，像 react/vue/fre 这些框架都已经很多年了，谁能想到，我是 2018 年写下第一行 fre 代码的呢？
2021 年，前端发生了不小的变化，我也是一样，国内外也有一些差异
这篇文章就以我的经验来谈谈前端框架
前端框架分类
其实到目前为止，前端框架总共有三类：
- vdom-based
react，vue，fre，preact 属于这类
2. compilation-first
svelte，solidjs 属于这类
3. html-first
alpine，qwik 属于这类
这三类框架我都很喜欢，它们也都有自己适用的场景，框架本身已经没有好与坏，但国内的场景确实和国外有很多不同
国内外差异
在国外，这张图非常流行
这一堆框架，基本都是用来 SSR 或 SSG 的，因为在国外，SSG 有很大的市场，很多网站都是纯静态的，而且国外的设计也偏向于大气简约
而国内则很大的不同
国内移动端占比太多了，而事实证明，跨端架构才是移动端量产的普遍方案，基本上每家公司都有自己的跨端方案
但不要忘了，pc 端国内也有需求！比如 b 站的 vue ssr，淘宝首页的 react……
除了这些，其实今天更想说的是，有一些流量超多的万能老坑
比如这类小说网站，晋江，连城，甚至阅文首页还在用 zepto，阅文旗下的一大堆网站都还是 php 前后端不分离的架构
这些网站，流量巨大，但基本上没有专门的团队去维护和迭代，你指望他们更换到前后端分离，SSR架构，是断然不可能的
这就是国内的场景，一方面是移动端跨端架构，另一方面是 PC 端万年老坑
架构
在公司内做架构，做的是开箱即用的链路，不会和开源一样企图将方案做通用
但是在公司外做架构，则需要因地制宜，就比如上面说的晋江，你不可能换一些主流方案，不可能前后端分离，不可能 SSR
甚至要在完全无痛的前提下，不更换主要技术栈的前提下，做到架构的现代化
我觉得我最喜欢做这种事情了
在有限的条件下，让事情变现代
未来等我老了，我就成立一家技术咨询公司，专门外包做这种事，负责处理万年老坑的 shi 山
以上，差不多就这些啦
总结
俺在公司里一直在做小程序，也就是上面提到的移动端跨端方案，也属于砍 shi 山，在这个过程中，我尝试了很多不同的方案，在有限的条件下，企图让总体架构变现代
今天早上老大 review 我的代码的时候，还说
你咋回事，怎么被你一改，还剩 50 行代码了？啊哈哈哈……要的就是这种感觉
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK