在2021年10 月 27-28 的稀土開發(fā)者大會上,字節(jié)跳動 Web Infra 正式發(fā)起 Modern.js 開源項目。Modern.js 能以靜態(tài) Web(SPA、MPA、SSG)、動態(tài) Web(SSR、SPR)、微前端、桌面應(yīng)用、小程序等不同模式運行,同時支持低門檻、全功能、一體化的 BFF (針對特定界面的服務(wù)器端 API)開發(fā),是字節(jié)跳動 Web 工程體系的開源版本,它提供多個解決方案,來幫助開發(fā)者解決不同研發(fā)場景下的問題。
什么是Modern.js?
Modern.js 框架是一個基于 React 的漸進式 Web 開發(fā)框架。在字節(jié)跳動內(nèi)部,將 Modern.js 封裝為上層框架,并支撐了數(shù)千個 Web 應(yīng)用的研發(fā)。
Modern.js有什么用?
Modern.js 能為開發(fā)者提供極致的開發(fā)體驗(Development Experience),讓應(yīng)用擁有更好的用戶體驗(User Experience)。
在開發(fā) React 應(yīng)用過程中,開發(fā)者通常需要去為某些功能去設(shè)計實現(xiàn)方案,或是使用其他的庫、框架來解決這些問題。Modern.js 支持 React 應(yīng)用所需要的所有配置和工具,并內(nèi)置額外的功能和優(yōu)化。開發(fā)者可以使用 React 構(gòu)建應(yīng)用的 UI,然后逐步采用 Modern.js 的功能來解決常見的應(yīng)用需求,如路由、數(shù)據(jù)獲取、狀態(tài)管理等。
Modern.js有什么特點?
- Rust 構(gòu)建:提供雙構(gòu)建工具支持,輕松切換到 Rspack 構(gòu)建工具,編譯飛快。
- 漸進式:使用最精簡的模板創(chuàng)建項目,通過生成器逐步開啟插件功能,定制解決方案。
- 一體化:開發(fā)與生產(chǎn)環(huán)境 Web Server 唯一,CSR 和 SSR 同構(gòu)開發(fā),函數(shù)即接口的 API 服務(wù)調(diào)用。
- 開箱即用:默認 TS 支持,內(nèi)置構(gòu)建、ESLint、調(diào)試工具,全功能可測試。
- 周邊生態(tài):自研狀態(tài)管理、微前端、模塊打包、Monorepo 方案等周邊需求。
- 多種路由模式:包含自控路由、基于文件約定的路由(嵌套路由)等。
總結(jié):
Modern.js 是一個值得學(xué)習(xí)和使用的框架和教程,它可以幫助你創(chuàng)建現(xiàn)代的 Web 應(yīng)用,提高你的 JavaScript 技能,讓你在 Web 開發(fā)的領(lǐng)域中,有更多的創(chuàng)造力和競爭力。
如果您想了解更多關(guān)于編程、技術(shù)和職業(yè)發(fā)展的信息,歡迎訪問編程獅官網(wǎng)(http://m.hgci.cn/)。我們?yōu)橹袊鴩鴥?nèi)的程序員和技術(shù)愛好者提供了豐富的教育資源、技術(shù)教程和職業(yè)建議。無論您是剛剛?cè)腴T編程還是尋求職業(yè)發(fā)展的專業(yè)人士,編程獅都將成為您學(xué)習(xí)和成長的理想伙伴。立即訪問我們的官網(wǎng),開啟您的技術(shù)之旅吧!