@modern-js/main-doc 0.0.0-nightly-20241103170642 → 0.0.0-nightly-20241105170703
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -5,44 +5,7 @@ sidebar_position: 1
|
|
|
5
5
|
|
|
6
6
|
# Introduction to Modern.js
|
|
7
7
|
|
|
8
|
-
**Modern.js is
|
|
9
|
-
|
|
10
|
-
Currently, Modern.js includes two solutions, targeting web application development and npm package development:
|
|
11
|
-
|
|
12
|
-
import { SolutionCards } from '@site/src/components/SolutionCards';
|
|
13
|
-
|
|
14
|
-
<SolutionCards
|
|
15
|
-
cards={[
|
|
16
|
-
{
|
|
17
|
-
title: 'Modern.js Framework',
|
|
18
|
-
description: 'For web application development',
|
|
19
|
-
link: 'http://modernjs.dev/en/',
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
title: 'Modern.js Module',
|
|
23
|
-
description: 'For npm package development',
|
|
24
|
-
link: 'http://modernjs.dev/module-tools/en/',
|
|
25
|
-
},
|
|
26
|
-
]}
|
|
27
|
-
/>
|
|
28
|
-
|
|
29
|
-
As part of the Modern.js engineering system, each of the above solutions can be used separately and has its own independent documentation site. Developers can choose one or more solutions as needed.
|
|
30
|
-
|
|
31
|
-
## About Documentation
|
|
32
|
-
|
|
33
|
-
**The current documentation site corresponds to the Modern.js framework**, which is used to developing web applications.
|
|
34
|
-
|
|
35
|
-
- If you need to develop an npm package, please refer to the [Modern.js Module documentation](https://modernjs.dev/module-tools).
|
|
36
|
-
- If you need a build tool to bundle web applications, [Rsbuild](https://rsbuild.dev/) is recommended.
|
|
37
|
-
- If you need to develop a documentation site, [Rspress](https://rspress.dev/) is recommended.
|
|
38
|
-
|
|
39
|
-
:::tip
|
|
40
|
-
Since the Modern.js framework is the most widely used, in this documentation site, we will omit "framework" and directly refer to it as Modern.js.
|
|
41
|
-
:::
|
|
42
|
-
|
|
43
|
-
## Modern.js Framework
|
|
44
|
-
|
|
45
|
-
**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.
|
|
8
|
+
**Modern.js 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.
|
|
46
9
|
|
|
47
10
|
Modern.js can provide developers with an ultimate **Development Experience** and enable applications to have better **User Experience**.
|
|
48
11
|
|
|
@@ -5,42 +5,7 @@ sidebar_position: 1
|
|
|
5
5
|
|
|
6
6
|
# Modern.js 介绍
|
|
7
7
|
|
|
8
|
-
**Modern.js
|
|
9
|
-
|
|
10
|
-
目前 Modern.js 包含两个解决方案，分别面向 Web 应用开发场景 和 npm 包开发场景：
|
|
11
|
-
|
|
12
|
-
import { SolutionCards } from '@site/src/components/SolutionCards';
|
|
13
|
-
|
|
14
|
-
<SolutionCards
|
|
15
|
-
cards={[
|
|
16
|
-
{
|
|
17
|
-
title: 'Modern.js Framework',
|
|
18
|
-
description: '基于 React 的渐进式 Web 开发框架',
|
|
19
|
-
link: 'http://modernjs.dev/',
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
title: 'Modern.js Module',
|
|
23
|
-
description: '易用、高性能的 npm 包开发方案',
|
|
24
|
-
link: 'http://modernjs.dev/module-tools/',
|
|
25
|
-
},
|
|
26
|
-
]}
|
|
27
|
-
/>
|
|
28
|
-
|
|
29
|
-
## 关于文档
|
|
30
|
-
|
|
31
|
-
**当前文档站对应的是 Modern.js 框架**，适用于开发 Web 应用。
|
|
32
|
-
|
|
33
|
-
- 如果你需要开发一个 npm 包，请移步 [Modern.js Module 文档](https://modernjs.dev/module-tools)。
|
|
34
|
-
- 如果你需要一个构建工具来打包 Web 应用，请移步 [Rsbuild 文档](https://rsbuild.dev/)。
|
|
35
|
-
- 如果你需要开发一个文档站点，推荐使用 [Rspress 文档](https://rspress.dev/)。
|
|
36
|
-
|
|
37
|
-
:::tip
|
|
38
|
-
由于 Modern.js 框架的使用最为广泛，在本文档站中，我们会省略「框架」，直接称其为 Modern.js。
|
|
39
|
-
:::
|
|
40
|
-
|
|
41
|
-
## Modern.js 框架
|
|
42
|
-
|
|
43
|
-
**Modern.js 框架是一个基于 React 的渐进式 Web 开发框架**。在字节跳动内部，我们将 Modern.js 封装为上层框架，并支撑了数千个 Web 应用的研发。
|
|
8
|
+
**Modern.js 是一个基于 React 的渐进式 Web 开发框架**。在字节跳动内部，我们将 Modern.js 封装为上层框架，并支撑了数千个 Web 应用的研发。
|
|
44
9
|
|
|
45
10
|
Modern.js 能为开发者提供极致的**开发体验（Development Experience）**，让应用拥有更好的**用户体验（User Experience）**。
|
|
46
11
|
|
package/package.json
CHANGED
|
@@ -15,17 +15,17 @@
|
|
|
15
15
|
"modern",
|
|
16
16
|
"modern.js"
|
|
17
17
|
],
|
|
18
|
-
"version": "0.0.0-nightly-
|
|
18
|
+
"version": "0.0.0-nightly-20241105170703",
|
|
19
19
|
"publishConfig": {
|
|
20
20
|
"registry": "https://registry.npmjs.org/",
|
|
21
21
|
"access": "public",
|
|
22
22
|
"provenance": true
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@modern-js/sandpack-react": "0.0.0-nightly-
|
|
25
|
+
"@modern-js/sandpack-react": "0.0.0-nightly-20241105170703"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@rspress/shared": "1.35.
|
|
28
|
+
"@rspress/shared": "1.35.3",
|
|
29
29
|
"@types/fs-extra": "9.0.13",
|
|
30
30
|
"@types/node": "^16",
|
|
31
31
|
"classnames": "^2",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"fs-extra": "^10",
|
|
34
34
|
"react": "^18.3.1",
|
|
35
35
|
"react-dom": "^18.3.1",
|
|
36
|
-
"rspress": "1.35.
|
|
36
|
+
"rspress": "1.35.3",
|
|
37
37
|
"ts-node": "^10.9.1",
|
|
38
38
|
"typescript": "^5"
|
|
39
39
|
},
|