在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 的漸進(jìn)式 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)建工具，編譯飛快。
- 漸進(jìn)式：使用最精簡的模板創(chuàng)建項目，通過生成器逐步開啟插件功能，定制解決方案。
- 一體化：開發(fā)與生產(chǎn)環(huán)境 Web Server 唯一，CSR 和 SSR 同構(gòu)開發(fā)，函數(shù)即接口的 API 服務(wù)調(diào)用。
- 開箱即用：默認(rèn) 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://www.o2fo.com/）。我們?yōu)橹袊鴩鴥?nèi)的程序員和技術(shù)愛好者提供了豐富的教育資源、技術(shù)教程和職業(yè)建議。無論您是剛剛?cè)腴T編程還是尋求職業(yè)發(fā)展的專業(yè)人士，編程獅都將成為您學(xué)習(xí)和成長的理想伙伴。立即訪問我們的官網(wǎng)，開啟您的技術(shù)之旅吧！
