Next.js是一個基于React的通用JavaScript框架,它的終極目標就是成為互聯(lián)網(wǎng)中的下一個PHP。Next.js使用服務(wù)器渲染應(yīng)用程序的極簡主義方法,高度可定制、足夠簡單,是初學(xué)者的最佳選擇。最新版本Next.js 3中有更多有趣的功能。
JavaScript其實并不是很容易部署的,雖然其中有一些簡化項目,但是大多數(shù)項目都要比其它項目難度高,開發(fā)者往往需要了解客戶端路由、頁面布局以及如何執(zhí)行服務(wù)器端任務(wù)等待。
相比之下,PHP就簡單了許多:創(chuàng)建文件之后,編寫PHP代碼并部署,沒有其他額外的工作需要做,也不需擔心路由問題,服務(wù)器會默認呈現(xiàn)應(yīng)用程序。
Next.js
Next.js將PHP體驗帶入到了JavaScript中,簡單,可定制,Next.js自去年首次發(fā)行以來,目前已經(jīng)在GitHub上收獲了17000多顆星星。下面,我們就來看看Next.js 3這個簡約框架。
通用JavaScript可以在服務(wù)器,瀏覽器,移動設(shè)備和任何其他類型的平臺上運行相同的代碼。雖然有大量的框架和庫可以幫助用戶構(gòu)建一個通用的服務(wù)器渲染的React或JavaScript應(yīng)用程序,但Next.js無疑是最簡單的一個。
Next.js雖然是一個小框架,但也附帶了很多酷功能,包括:
·服務(wù)器默認渲染
·自動代碼拆分,加快頁面加載速度
·簡單的客戶端路由(基于頁面)
·支持熱模塊更換(HMR)的Webpack-based開發(fā)環(huán)境
·可以使用Express或任何其他Node.js HTTP服務(wù)器實現(xiàn)
·可以自定義Babel和Webpack配置
Next.js 3
最新的版本Next.js 3允許動態(tài)導(dǎo)入代碼庫,并且分為幾個部分動態(tài)加載。社區(qū)驅(qū)動的靜態(tài)導(dǎo)出功能允許用戶創(chuàng)建一個真正靜態(tài)的站點,無需服務(wù)器來部署。在功能方面,啟動時間縮小了近一半,錯誤消息的配色方案也修改得更易于閱讀。
更重要的是,Next.js核心捆綁包的Size大大減小,對于延長電池壽命很有好處。其它重大變化包括改進熱模塊更換和選擇性實用程序,動態(tài)加載Reactive組件變得更加容易。