在2021年10 月 27-28 的稀土開發(fā)者大會上，字節(jié)跳動 Web Infra 正式發(fā)起 Modern.js 開源項目。Modern.js 能以靜態(tài) Web（SPA、MPA、SSG）、動態(tài) Web（SSR、SPR）、微前端、桌面應用、小程序等不同模式運行，同時支持低門檻、全功能、一體化的 BFF （針對特定界面的服務器端 API）開發(fā)，是字節(jié)跳動 Web 工程體系的開源版本，它提供多個解決方案，來幫助開發(fā)者解決不同研發(fā)場景下的問題。

什么是Modern.js？

Modern.js 框架是一個基于 React 的漸進式 Web 開發(fā)框架。在字節(jié)跳動內(nèi)部，將 Modern.js 封裝為上層框架，并支撐了數(shù)千個 Web 應用的研發(fā)。

Modern.js有什么用？

Modern.js 能為開發(fā)者提供極致的開發(fā)體驗（Development Experience），讓應用擁有更好的用戶體驗（User Experience）。

在開發(fā) React 應用過程中，開發(fā)者通常需要去為某些功能去設計實現(xiàn)方案，或是使用其他的庫、框架來解決這些問題。Modern.js 支持 React 應用所需要的所有配置和工具，并內(nèi)置額外的功能和優(yōu)化。開發(fā)者可以使用 React 構建應用的 UI，然后逐步采用 Modern.js 的功能來解決常見的應用需求，如路由、數(shù)據(jù)獲取、狀態(tài)管理等。

Modern.js有什么特點？

• Rust 構建：提供雙構建工具支持，輕松切換到 Rspack 構建工具，編譯飛快。
• 漸進式：使用最精簡的模板創(chuàng)建項目，通過生成器逐步開啟插件功能，定制解決方案。
• 一體化：開發(fā)與生產(chǎn)環(huán)境 Web Server 唯一，CSR 和 SSR 同構開發(fā)，函數(shù)即接口的 API 服務調用。
• 開箱即用：默認 TS 支持，內(nèi)置構建、ESLint、調試工具，全功能可測試。
• 周邊生態(tài)：自研狀態(tài)管理、微前端、模塊打包、Monorepo 方案等周邊需求。
• 多種路由模式：包含自控路由、基于文件約定的路由（嵌套路由）等。

總結：

Modern.js 是一個值得學習和使用的框架和教程，它可以幫助你創(chuàng)建現(xiàn)代的 Web 應用，提高你的 JavaScript 技能，讓你在 Web 開發(fā)的領域中，有更多的創(chuàng)造力和競爭力。

如果您想了解更多關于編程、技術和職業(yè)發(fā)展的信息，歡迎訪問編程獅官網(wǎng)（http://eska-fuses.cn/）。我們?yōu)橹袊鴩鴥?nèi)的程序員和技術愛好者提供了豐富的教育資源、技術教程和職業(yè)建議。無論您是剛剛入門編程還是尋求職業(yè)發(fā)展的專業(yè)人士，編程獅都將成為您學習和成長的理想伙伴。立即訪問我們的官網(wǎng)，開啟您的技術之旅吧！