[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10831":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":23,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":34,"readmeContent":35,"aiSummary":36,"trendingCount":16,"starSnapshotCount":16,"syncStatus":37,"lastSyncTime":38,"discoverSource":39},10831,"modern.js","web-infra-dev\u002Fmodern.js","web-infra-dev","A progressive web framework based on React and Rsbuild.","https:\u002F\u002Fmodernjs.dev\u002F",null,"TypeScript",5012,412,36,19,0,1,6,64.95,"MIT License",false,"main",true,[25,26,27,28,29,30,31,32,33],"boilerplate","build-tool","framework","react","rspack","ssr","web","webpack","website","2026-06-12 04:00:52","\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fmodernjs.dev\" target=\"blank\">\u003Cimg src=\".\u002Fassets\u002Fmodernjs-banner.png\" width=\"260\" alt=\"Modern.js Logo\" \u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Ch1 align=\"center\">Modern.js\u003C\u002Fh1>\n\n\u003Cp align=\"center\">\n  Inspire creativity in modern web development.\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@modern-js\u002Fcore\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@modern-js\u002Fcore?style=flat-square&color=00a8f0\" alt=\"npm version\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fnpm-compare.com\u002F@modern-js\u002Fcore\u002F#timeRange=THREE_YEARS\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@modern-js\u002Fcore.svg?style=flat-square&color=00a8f0\" alt=\"downloads\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fweb-infra-dev\u002Fmodern.js\u002Fblob\u002Fmain\u002FLICENSE\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-blue.svg?style=flat-square&color=00a8f0\" alt=\"License\" \u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\nEnglish | [简体中文](.\u002FREADME.zh-CN.md)\n\n## Introduction\n\nThe 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.\n\nWhen 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.\n\n## Getting Started\n\nSee [Quick Start](https:\u002F\u002Fmodernjs.dev\u002Fguides\u002Fget-started\u002Fquick-start).\n\n## Ecosystem\n\nThe following solutions and libraries are available within the Modern.js ecosystem:\n\n- 🦀 [Rspack](https:\u002F\u002Fgithub.com\u002Fweb-infra-dev\u002Frspack): A fast Rust-based web bundler.\n- 🐬 [Rsbuild](https:\u002F\u002Fgithub.com\u002Fweb-infra-dev\u002Frsbuild): An Rspack-based build tool for the web, rebranded from Modern.js Builder.\n- 🐹 [Rspress](https:\u002F\u002Fgithub.com\u002Fweb-infra-dev\u002Frspress): A fast Rspack-based static site generator.\n- 🦄 [Rslib](https:\u002F\u002Fgithub.com\u002Fweb-infra-dev\u002Frslib): An Rspack-based library development tool.\n\n## Benchmark\n\nWe use [Modern.js Benchmark](https:\u002F\u002Fweb-infra-qos.pages.dev\u002F) to observe the trend of key metrics, such as bundle size, compile speed and install size.\n\n## Roadmap\n\nPlease refer to the [Modern.js Roadmap](https:\u002F\u002Fgithub.com\u002Fweb-infra-dev\u002Fmodern.js\u002Fissues\u002F4741). We will update the Roadmap content regularly. Please stay tuned.\n\n## Examples\n\nModern.js provides a collection of ready-to-use examples that you can find and use in the [modern-js-examples](https:\u002F\u002Fgithub.com\u002Fweb-infra-dev\u002Fmodern-js-examples) repository.\n\n## Contributing\n\n> New contributors welcome!\n\nPlease read the [Contributing Guide](https:\u002F\u002Fgithub.com\u002Fweb-infra-dev\u002Fmodern.js\u002Fblob\u002Fmain\u002FCONTRIBUTING.md).\n\n### Code of Conduct\n\nThis repo has adopted the Bytedance Open Source Code of Conduct. Please check [Code of Conduct](.\u002FCODE_OF_CONDUCT.md) for more details.\n\n### All Contributors\n\nThanks to the following friends for their contributions to Modern.js:\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fweb-infra-dev\u002Fmodern.js\u002Fgraphs\u002Fcontributors\">\n  \u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fmodernjs\u002Fcontributors.svg?width=890&button=false\" alt=\"contributors\">\n\u003C\u002Fa>\n\n## Community\n\nCome and chat with us on [Discord](https:\u002F\u002Fdiscord.gg\u002FqPCqYg38De)! The Modern.js team and users are active there, and we're always looking for contributions.\n\n\n## Credits\n\nSome implementations of Modern.js are modified from existing projects, such as [create-react-app](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fcreate-react-app), [remix](https:\u002F\u002Fgithub.com\u002Fremix-run\u002Fremix), [jest](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fjest) and [bundle-require](https:\u002F\u002Fgithub.com\u002Fegoist\u002Fbundle-require). Thanks for them.\n\n- `@modern-js\u002Fbundle-require`: is modified from [bundle-require](https:\u002F\u002Fgithub.com\u002Fegoist\u002Fbundle-require).\n- `@modern-js\u002Fplugin`: the hooks API is referenced from [farrow-pipeline](https:\u002F\u002Fgithub.com\u002Ffarrow-js\u002Ffarrow\u002Ftree\u002Fmaster\u002Fpackages\u002Ffarrow-pipeline).\n- `@modern-js\u002Fplugin-data-loader`: some code is referenced from [remix](https:\u002F\u002Fgithub.com\u002Fremix-run\u002Fremix).\n- `@modern-js\u002Fbabel-plugin-module-resolver`: is modified from [babel-plugin-module-resolver](https:\u002F\u002Fgithub.com\u002Ftleunen\u002Fbabel-plugin-module-resolver).\n- [Netlify](https:\u002F\u002Fwww.netlify.com\u002F) for hosting this site, Thanks for the great service and support for open source.\n\n## License\n\nModern.js is [MIT licensed](https:\u002F\u002Fgithub.com\u002Fweb-infra-dev\u002Fmodern.js\u002Fblob\u002Fmain\u002FLICENSE).\n\nThird party licenses are listed in [THIRD-PARTY-LICENSE](.\u002FTHIRD-PARTY-LICENSE).\n","Modern.js 是一个基于 React 和 Rsbuild 的渐进式 Web 框架。它集成了React应用所需的所有配置和工具，并内置了额外的功能与优化，如路由、数据获取及状态管理等，旨在简化开发流程并提高性能。该框架支持服务端渲染（SSR），利用高效的打包工具Rspack来加速构建过程。适用于需要快速搭建且易于扩展的Web项目，特别是在追求高性能和良好开发者体验的企业级应用场景中表现尤为突出。",2,"2026-06-11 03:30:24","top_topic"]