Awesome

<p align="center"> <a href="https://modernjs.dev" target="blank"><img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ylaelkeh7nuhfnuhf/modernjs-cover.png" width="260" alt="Modern.js Logo" /></a> </p> <h1 align="center">Modern.js</h1> <p align="center"> Inspire creativity in modern web development. </p> <p align="center"> <img src="https://img.shields.io/npm/v/@modern-js/core?style=flat-square&color=00a8f0" alt="npm version" /> <img src="https://img.shields.io/npm/dm/@modern-js/core.svg?style=flat-square&color=00a8f0" alt="downloads" /> <img src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square&color=00a8f0" alt="License" /> </p>

English | 简体中文

Introduction

Modern.js is an open source web engineering system from ByteDance, including:

🦄 Modern.js Framework: A progressive React framework for web development.
🐧 Modern.js Module: A powerful solution for npm package development.

Getting Started

Use Modern.js Framework to develop a web application.
Use Modern.js Module to develop an npm package.

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.
🐟 Garfish: A powerful micro front-end framework.
🦆 Reduck: An redux-based state management library.
🐴 SWC Plugins: Built-in SWC plugins for Modern.js.

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 every quarter. 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:

<a href="https://github.com/web-infra-dev/modern.js/graphs/contributors"> <img src="https://opencollective.com/modernjs/contributors.svg?width=890&button=false" alt="contributors"> </a>

Credits

Some implementations of Modern.js are modified from existing projects, such as create-react-app, remix, jest and bundle-require. Thanks for them.

@modern-js/bundle-require: is modified from bundle-require.
@modern-js/plugin: the hooks API is referenced from farrow-pipeline.
@modern-js/plugin-testing: the jest runner is referenced from jest-cli.
@modern-js/plugin-data-loader: some code is referenced from remix.
@modern-js/babel-plugin-module-resolver: is modified from babel-plugin-module-resolver.

License

Modern.js is MIT licensed.

Third party licenses are listed in THIRD-PARTY-LICENSE.