下一代前端應(yīng)用框架

下一代前端應(yīng)用框架自從angular/react/vue的出現(xiàn)顛覆了前端開發(fā)者開發(fā)模式以來，雖然新的前端框架依然不斷涌現(xiàn)，但是遲遲沒有一個(gè)新的前端框架進(jìn)入廣大前端開發(fā)者的視野。本文會(huì)從近兩年越來越火的微前端出發(fā)，探討在傳統(tǒng)前端領(lǐng)域，下一代前端工程/框架的可能方向。01微前端要解決什么問題微前端是一種從后端微服務(wù)借鑒過來的架構(gòu)方式。

市面上微前端的方案層出不窮，我就不列了，我們只需要明確下，微前端、前端微服務(wù)到底要解決什么問題：

利用服務(wù)化、微服務(wù)的概念，有效的拆分應(yīng)用，實(shí)現(xiàn)敏捷開發(fā)和部署，解決大型項(xiàng)目的管理問題。場(chǎng)景舉例兩個(gè)不同團(tuán)隊(duì)的業(yè)務(wù)，需要合成一個(gè)：電商平臺(tái)、視頻PC發(fā)布平臺(tái)，需要統(tǒng)一到同一個(gè)站點(diǎn)，讓用戶實(shí)現(xiàn)發(fā)布視頻、掛接商品一條路徑走通。當(dāng)業(yè)務(wù)簡(jiǎn)單時(shí)，可以讓兩個(gè)團(tuán)隊(duì)協(xié)助工作，但是當(dāng)各自業(yè)務(wù)越來越復(fù)雜，會(huì)有越來多的問題出現(xiàn)：技術(shù)棧必須統(tǒng)一開發(fā)、部署耦合運(yùn)行時(shí)一個(gè)業(yè)務(wù)的BUG可能帶崩整個(gè)系統(tǒng)為什么提到微前端微前端的興起，說明前端工程復(fù)雜度的提升，越來越多的人遇到類似的架構(gòu)問題，說明我們需要一個(gè)更上層的應(yīng)用框架來幫助我們解決類似應(yīng)用拆分隔離這樣的架構(gòu)問題。02前端框架及前端工程化前端框架我們思考jQuery/React/Vue這幾個(gè)劃時(shí)代框架/類庫的共性，會(huì)發(fā)現(xiàn)他們都是為了解決視圖層的問題而誕生的。這不難理解，傳統(tǒng)前端的核心就是視圖，如何更快的幫助前端開發(fā)者更好的完成視圖開發(fā)工作，是大部分前端框架要解決的核心問題。jQuery簡(jiǎn)化了視圖層開發(fā)的DOMAPI，React/Vue更是繞開了API，顛覆了頁面的開發(fā)模式。這個(gè)過程中，隨著前端技術(shù)的發(fā)展，工程化在框架應(yīng)用中所占比重越來越大，大多數(shù)vue使用者創(chuàng)建項(xiàng)目都是通過vuecli創(chuàng)建。什么是前端工程化？工程化是一種思想，主要目的是為了提效，即提高開發(fā)效率，減少不必要的重復(fù)工作。工程化常見的方向有模塊化、組件化、規(guī)范化、自動(dòng)化4個(gè)方面?；仡櫱岸丝蚣艿陌l(fā)展，會(huì)發(fā)現(xiàn)前端框架的發(fā)展其實(shí)和工程化發(fā)展相輔相成，繞開DOMAPI、通過工程化實(shí)現(xiàn)更低的上手成本是vue/react成功的根本，

而vue/react在代碼運(yùn)行側(cè)已經(jīng)解決了足夠多的問題，前端框架后續(xù)的發(fā)展焦點(diǎn)需要更多的偏向工程化。03下一代前端應(yīng)用框架

使用高度工程化的應(yīng)用框架進(jìn)一步推動(dòng)組件化發(fā)展，再度重塑開發(fā)模式，這是我認(rèn)為下一代前端應(yīng)用框架需要做的事！換句話說，它需要更容易的讓開發(fā)者解決組件化、自動(dòng)化、規(guī)范化等工程化的問題，可以快速讓開發(fā)者實(shí)現(xiàn)一個(gè)lowcode、proco