Modern.js—一個(gè)現(xiàn)代開(kāi)發(fā)框架，讓你輕松創(chuàng)建高性能的Web應(yīng)用

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

什么是Modern.js？

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

Modern.js有什么用？

Modern.js 能為開(kāi)發(fā)者提供極致的開(kāi)發(fā)體驗(yàn)（Development Experience），讓?xiě)?yīng)用擁有更好的用戶(hù)體驗(yàn)（User Experience）。

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

Modern.js有什么特點(diǎn)？

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

總結(jié)：

Modern.js 是一個(gè)值得學(xué)習(xí)和使用的框架和教程，它可以幫助你創(chuàng)建現(xiàn)代的 Web 應(yīng)用，提高你的 JavaScript 技能，讓你在 Web 開(kāi)發(fā)的領(lǐng)域中，有更多的創(chuàng)造力和競(jìng)爭(zhēng)力。

如果您想了解更多關(guān)于編程、技術(shù)和職業(yè)發(fā)展的信息，歡迎訪(fǎng)問(wèn)編程獅官網(wǎng)（http://o2fo.com/）。我們?yōu)橹袊?guó)國(guó)內(nèi)的程序員和技術(shù)愛(ài)好者提供了豐富的教育資源、技術(shù)教程和職業(yè)建議。無(wú)論您是剛剛?cè)腴T(mén)編程還是尋求職業(yè)發(fā)展的專(zhuān)業(yè)人士，編程獅都將成為您學(xué)習(xí)和成長(zhǎng)的理想伙伴。立即訪(fǎng)問(wèn)我們的官網(wǎng)，開(kāi)啟您的技術(shù)之旅吧！