在2021年10 月 27-28 的稀土开发者大会上，字节跳动 Web Infra 正式发起 Modern.js 开源项目。Modern.js 能以静态 Web（SPA、MPA、SSG）、动态 Web（SSR、SPR）、微前端、桌面应用、小程序等不同模式运行，同时支持低门槛、全功能、一体化的 BFF （针对特定界面的服务器端 API）开发，是字节跳动 Web 工程体系的开源版本，它提供多个解决方案，来帮助开发者解决不同研发场景下的问题。

什么是Modern.js？

Modern.js 框架是一个基于 React 的渐进式 Web 开发框架。在字节跳动内部，将 Modern.js 封装为上层框架，并支撑了数千个 Web 应用的研发。

Modern.js有什么用？

Modern.js 能为开发者提供极致的开发体验（Development Experience），让应用拥有更好的用户体验（User Experience）。

在开发 React 应用过程中，开发者通常需要去为某些功能去设计实现方案，或是使用其他的库、框架来解决这些问题。Modern.js 支持 React 应用所需要的所有配置和工具，并内置额外的功能和优化。开发者可以使用 React 构建应用的 UI，然后逐步采用 Modern.js 的功能来解决常见的应用需求，如路由、数据获取、状态管理等。

Modern.js有什么特点？

• Rust 构建：提供双构建工具支持，轻松切换到 Rspack 构建工具，编译飞快。
• 渐进式：使用最精简的模板创建项目，通过生成器逐步开启插件功能，定制解决方案。
• 一体化：开发与生产环境 Web Server 唯一，CSR 和 SSR 同构开发，函数即接口的 API 服务调用。
• 开箱即用：默认 TS 支持，内置构建、ESLint、调试工具，全功能可测试。
• 周边生态：自研状态管理、微前端、模块打包、Monorepo 方案等周边需求。
• 多种路由模式：包含自控路由、基于文件约定的路由（嵌套路由）等。

总结：

Modern.js 是一个值得学习和使用的框架和教程，它可以帮助你创建现代的 Web 应用，提高你的 JavaScript 技能，让你在 Web 开发的领域中，有更多的创造力和竞争力。

如果您想了解更多关于编程、技术和职业发展的信息，欢迎访问编程狮官网（https://www.w3cschool.cn/）。我们为中国国内的程序员和技术爱好者提供了丰富的教育资源、技术教程和职业建议。无论您是刚刚入门编程还是寻求职业发展的专业人士，编程狮都将成为您学习和成长的理想伙伴。立即访问我们的官网，开启您的技术之旅吧！