Modern.js is an open source web engineering system from ByteDance, which provides multiple solutions to help developers solve problems in different development scenarios.
Currently, Modern.js includes three solutions, each targeting at different development scenarios: web application development, npm package development, and document site development:
As a part of the Modern.js engineering system, each of these solutions can be used separately and has its own independent documentation site. Developers can choose one or more solutions as needed.
This documentation site corresponds to the Modern.js framework, which is used to developing web applications.
As the Modern.js framework is the most widely used, in this documentation site, we will omit the "framework" and simply call it as Modern.js.
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.
Modern.js can provide developers with the ultimate development experience, making the application get better user experience.
In the process of developing React applications, developers often need to design implementations for certain functions, or use other libraries and frameworks to solve these problems.
Modern.js supports all the configuration and tools required by React applications, and has additional features and optimisations built in. Developers can use React to build the UI of the application, and then gradually adopt Modern.js functions to solve common application requirements, such as routing, data fetching, state management, etc.
It mainly contains the following features:
If you want to know how to use Modern.js, you can try Create your first app, or read Quick Start.