概述
這兩天是2022年元旦節,時間過的真快。2021年竟然這么快就過去了。
回顧以往,放眼未來。
未來5到10年,也就是2022年到2032年,前端技術的發展趨勢會是什么樣的呢?
統計數據
先看一組2021年1月到2022年1月,整整一年的下載量排名數據。
npm統計網站(https://npm-stat.com/)顯示:
最近一年的平均每天下載量和每周的下載量排名:
前端常用組件 | npm平均每天下載量 | npm平均每周下載量 | 框架 |
vue | 400k | 2500k | 基礎框架 |
react | 2000k | 12000k | 基礎框架 |
ant-design-vue | 10k | 50k | UI框架 |
element-ui | 50k | 250k | UI框架 |
antd | 120k | 600k | UI框架 |
目前的趨勢
從上面的統計表格進行分析,目前的趨勢是:
基礎框架:vue和react對比的觀點很多,各有各的好,但是用數字說話,react的流行程度起碼是vue的5倍。
上層框架:element-ui雖然最近兩年更新的很少,但是其流行程度是ant-design-vue的5倍, 而 antd的流行度是ant-design-vue的12倍, antd的流行度是element-ui的2.4倍
未來5到10年,前端的趨勢是什么?
根據我多年來在前端技術和后端技術領域中的長期的大量的一線開發實踐,及架構設計和產品設計的工作經驗。
未來5到10年,也就是2022年到2032年,前端技術的發展趨勢,我的判斷是:
基礎框架:
vue
由於vue長期依賴於谷歌個別工程師,比如尤雨溪,而且vue框架源碼近一兩年也沒什么太多的更新。
未來5年將繼續保持這一態勢。甚至下降趨勢,5年后可能會被淘汰掉。
react
而react由於是facebook的研發團隊集體打造,相對來說,核心的工程師更多些。而且上述的事實數據表明,react無論在國外還是國內都更流行。
未來5年react可能最終變成像java里面spring一樣的基礎框架,並且是一統江山的局面。
UI框架:
ant-design-vue
最近還在持續更新,但是其成熟度和流行度相對比較低,而且其源碼的核心工程師只有唐金州,明顯過度依賴一個人。
未來5年將繼續保持目前的這一態勢,但是由於處於后發優勢,其流行度會逐步下降。5年后可能會被淘汰。
element-ui
最近兩年沒怎么更新,但是容易上手,黏性比較好,未來5年大概率還會持續發展。
但由於其基於vue的原始特性,相對來說vue框架不能很好的支持深度定制和高度可復用。導致element-ui會成下降趨勢。5年后可能還是處於流行度排名前三的UI框架。但不會出現上升趨勢。
antd
框架目前就像早上10點半的太陽,還在持續的拓展,由於基於react,react的深度的定制化能力以及復雜項目的組件復用性的優勢非常明顯,antd的還會持續發展中。
未來5年還會是持續上升的趨勢。5年后可能不是最流行的框架,可能會像現在流行度排名第二的element-ui一樣,有很多的用戶群體,還會持續存在和發揮影響力。
最終結論
關於框架的技術選型,如果你是公司的技術總監,或者是有足夠權利的架構師,或者是有足夠權利的產品負責人。
我建議你,一開始就選擇用react作為基礎框架,使用antd作為UI框架。
這樣做對大公司而言是最佳選擇。
對小公司而言,如果只是做臨時項目,開發完項目就交付了,那用vue+element-ui這個組合比較適合。
對小公司而言,如果是開發一個核心的產品,產品的生命周期可能達到10年,這種情況下,最好是用react+antd,前期可能開發難度會比較高,人力成本較高,但是長遠來看,研發成本反而更低一些。
詳細統計截圖如下: