App下載

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

一夜奈良山 2023-11-22 16:55:58 瀏覽數(shù) (3194)
反饋

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

6cb11cf7564c4207a5d81c9d9db3dab2noop

什么是Modern.js？

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

Modern.js有什么用？

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

在開發(fā) React 應(yīng)用過程中，開發(fā)者通常需要去為某些功能去設(shè)計(jì)實(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有什么特點(diǎn)？

  • Rust 構(gòu)建：提供雙構(gòu)建工具支持，輕松切換到 Rspack 構(gòu)建工具，編譯飛快。
  • 漸進(jìn)式：使用最精簡(jiǎn)的模板創(chuàng)建項(xià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)試工具，全功能可測(cè)試。
  • 周邊生態(tài)：自研狀態(tài)管理、微前端、模塊打包、Monorepo 方案等周邊需求。
  • 多種路由模式：包含自控路由、基于文件約定的路由（嵌套路由）等。

總結(jié)：

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

1698630578111788

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


前端 框架

1 人點(diǎn)贊