web-infra-dev / modern.js
A progressive web framework based on React and Rsbuild.
AI Architecture Analysis
This repository is indexed by RepoMind. By analyzing web-infra-dev/modern.js in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.
Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context on-demand, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.
Embed this Badge
Showcase RepoMind's analysis directly in your repository's README.
Repository Overview (README excerpt)
Crawler viewModern.js Inspire creativity in modern web development. English | 简体中文 Introduction The Modern.js framework is a progressive web framework based on React. At ByteDance, we use Modern.js to build upper-level frameworks that have supported the development of thousands of web applications. When developing React applications, developers usually need to design implementation plans for certain features or use other libraries and frameworks to solve these problems. Modern.js supports all configurations and tools needed by React applications, and has built-in additional features and optimizations. Developers can use React to build the UI of the application, and then gradually adopt the features of Modern.js to solve common application requirements, such as routing, data acquisition, and state management. Getting Started See Quick Start. Ecosystem The following solutions and libraries are available within the Modern.js ecosystem: • 🦀 Rspack: A fast Rust-based web bundler. • 🐬 Rsbuild: An Rspack-based build tool for the web, rebranded from Modern.js Builder. • 🐹 Rspress: A fast Rspack-based static site generator. • 🦄 Rslib: An Rspack-based library development tool. Benchmark We use Modern.js Benchmark to observe the trend of key metrics, such as bundle size, compile speed and install size. Roadmap Please refer to the Modern.js Roadmap. We will update the Roadmap content regularly. Please stay tuned. Examples Modern.js provides a collection of ready-to-use examples that you can find and use in the modern-js-examples repository. Contributing > New contributors welcome! Please read the Contributing Guide. Code of Conduct This repo has adopted the Bytedance Open Source Code of Conduct. Please check Code of Conduct for more details. All Contributors Thanks to the following friends for their contributions to Modern.js: Community Come and chat with us on Discord! The Modern.js team and users are active there, and we're always looking for contributions. Credits Some implementations of Modern.js are modified from existing projects, such as create-react-app, remix, jest and bundle-require. Thanks for them. • : is modified from bundle-require. • : the hooks API is referenced from farrow-pipeline. • : some code is referenced from remix. • : is modified from babel-plugin-module-resolver. • Netlify for hosting this site, Thanks for the great service and support for open source. License Modern.js is MIT licensed. Third party licenses are listed in THIRD-PARTY-LICENSE.