Repolode
提交项目
web-infra-dev

web-infra-dev/modern.js

基于 Rsbuild 构建的渐进式 React Web 框架，内置路由、数据获取、SSR 等能力。

在 GitHub 查看官网
Star
5,049
Fork
425
未关闭 Issue
55
最近提交
6小时前

这是什么？

Modern.js 是一个基于 React 的渐进式 Web 框架。它预置了 React 应用通常需要的各类配置和工具，开发者可以先用 React 编写界面，再按需逐步引入路由、数据获取、状态管理等框架能力。

项目基于 Rsbuild 构建，Rsbuild 是一款基于 Rspack 的 Web 构建工具。Modern.js 属于 web-infra-dev 生态，同系列还包括 Rspack、Rspress 和 Rslib。框架支持服务端渲染（SSR），并提供项目模板等脚手架能力。

项目使用 TypeScript 编写，采用 MIT 许可证发布。

核心功能

  • 01为 React 应用内置路由、数据加载和状态管理能力。
  • 02基于 Rsbuild 与 Rspack 进行打包构建。
  • 03支持服务端渲染（SSR）。
  • 04可在原生 React 基础上按需逐步引入框架功能。
  • 05提供项目模板和插件机制。

适用场景

  • 从零搭建需要路由和 SSR 的 React Web 应用。
  • 在不完全重写的前提下，将现有 React 项目逐步迁移到完整框架。
  • 希望使用统一、预配置且基于 Rspack 快速构建的 React 技术栈的团队。

快速上手

  1. 1

    阅读官方网站上的快速开始指南

收录于专题

应用开发框架

标签

#react#web-framework#ssr#rspack#build-tool#typescript#boilerplate#framework#web#webpack

常见问题

modern.js 是什么？
基于 Rsbuild 构建的渐进式 React Web 框架，内置路由、数据获取、SSR 等能力。 Modern.js 是一个基于 React 的渐进式 Web 框架。它预置了 React 应用通常需要的各类配置和工具，开发者可以先用 React 编写界面，再按需逐步引入路由、数据获取、状态管理等框架能力。
modern.js 可以免费使用吗？用的什么许可证？
modern.js 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
modern.js 还在维护吗？
活跃维护中。modern.js 最近一次提交是在 2026年11月7日。
modern.js 适合用来做什么？
从零搭建需要路由和 SSR 的 React Web 应用。 在不完全重写的前提下，将现有 React 项目逐步迁移到完整框架。 希望使用统一、预配置且基于 Rspack 快速构建的 React 技术栈的团队。
modern.js 怎么安装和运行？
阅读官方网站上的快速开始指南
在哪里获取 modern.js？
源代码和安装说明在 GitHub 上：https://github.com/web-infra-dev/modern.js

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目