Skip to content

Commit 975e815

Browse files
zmzloischenjiahan
andauthored
docs: update blog English version (#3682)
* fix capital letter, move file to correct location * update routing * Update packages/document/main-doc/docs/en/community/blog/overview.md * Update packages/document/main-doc/docs/en/community/blog/overview.md * Apply suggestions from code review --------- Co-authored-by: neverland <[email protected]>
1 parent f41b3b8 commit 975e815

File tree

2 files changed

+68
-3
lines changed

2 files changed

+68
-3
lines changed

packages/document/main-doc/docs/en/community/blog/overview.md

Lines changed: 67 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,72 @@ sidebar_position: 1
44

55
# Overview
66

7-
Welcome to the Modern.js blog!
7+
Welcome to Modern.js blog!
88

9-
You can find the latest news about Modern.js here.
9+
You can find the latest update of Modern.js and our thought processes here. Occasionally we explain the infrastructure behind it.
1010

11+
---
12+
13+
## Announcing Modern.js v2: support Rspack
14+
15+
> Published on 16.03.2023
16+
17+
We are excited to announce the release of Modern.js v2!
18+
19+
Modern.js is a suite of infrastructure tools we built for web development inside Bytedance (we call ourself Web Infra). Since we open sourced this project a little more than a year ago, there were dozens of contributors helped us on development; we aggregated more than 2,000 pull requests and Modern.js started to support build tool like Rspack, features like nested routes, Streaming SSR and there are more to come!
20+
21+
We are extremely proud of what we have achieved so far, you can also refer to [this article(English version under construction)](/community/blog/v2-release-note)👈🏻 to see what has changed over the last year in Modern.js.
22+
23+
---
24+
25+
## What is Streaming SSR in React 18
26+
27+
> Published on 16.12.2022
28+
29+
Since React 18, React supports a new type of SSR (streaming SSR) and it brought two advantages over the React tool chain:
30+
31+
- Streaming HTML: Server will be able to transmit HTML to browser parts by parts, rather than waiting until the whole page being rendered. Client side will render the page faster thus dramatically increase performance benchmark scores like TTFB(Time to First Byte), FCP(First Contentful Paint) and more.
32+
33+
- Selective Hydration: On the client side, browser can hydrate only the HTML elements that has already been rendered, without needing to wait until the whole page finish rendering and all the javascript bundle being loaded.
34+
35+
To understand its design further, check out this [Github Discussion](https://github.com/reactwg/react-18/discussions/37) by Dan Abramov or watch this [talk](https://www.youtube.com/watch?v=pj5N-Khihgc).
36+
37+
Or read more from us at [here(Further content in English under construction)](<[communityreact-streaming-ssr](https://mp.weixin.qq.com/s/w4FS5sBcHqRl-Saqi19Y6g)>) or [here](/community/blog/react-streaming-ssr).
38+
39+
---
40+
41+
## Introducing React Server Component in Modern.js
42+
43+
> Published on 01.12.2022
44+
45+
To explain the experimental React Server Component, the one-liner given by the React Team was: **zero-bundle-size React Server Components**.
46+
47+
We agreed with the React team that this is where the whole direction will move forward in React. Open source maintainers and contributors inside the React community are also actively building an eco-system around it.
48+
49+
Read more from React team at [here](https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023#react-server-components) or more from us at [here](https://mp.weixin.qq.com/s/B-XLvW00vl5RE1Ur3EW4ow)
50+
51+
## Updates during Sept - Oct in 2022
52+
53+
> Published on 01.11.2022
54+
55+
We updated Modern.js to v1.21.0 during Sept - Oct. Major upgrade includes:
56+
57+
- **support pnpm v7**
58+
- **added typescript compiler option on server side**
59+
60+
[Read more (English version under construction)](/community/blog/2022-0910-updates)
61+
62+
---
63+
64+
## Updates during July - August in 2022
65+
66+
> Published on 2022.09.05
67+
68+
Modern.js upgraded to v1.17.0 during July to August in 2022. Major updates include:
69+
70+
- **Support React 18**
71+
- **Unifying packages**: All the Modern.js package version numbers are unified, and added version update command line in CLI.
72+
- **Support npm module bundle building**: We support bundling npm module output.
73+
- **Reduck v1.1**: We released [Reduck v1.1](https://github.com/web-infra-dev/reduck) and updated all our documentations.
74+
75+
[Read more (English version under construction)](/community/blog/2022-0708-updates)

packages/document/main-doc/docs/zh/community/blog/overview.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,6 @@ Modern.js 7 ~ 8 月的最新版本为 v1.17.0,本双月的主要更新有:
7171
- **支持 React 18**:完成框架和插件对 React 18 的适配。
7272
- **包版本统一**:Modern.js 所有组成包的版本号进行统一,提供升级命令。
7373
- **模块工程支持 bundle 构建**:模块工程类型的项目,支持对产物做 bundle 构建。
74-
- **Reduck v1.1**:发布 Reduck v1.1,使用文档全面更新。
74+
- **Reduck v1.1**:发布 [Reduck v1.1](https://github.com/web-infra-dev/reduck),使用文档全面更新。
7575

7676
[了解更多 →](/community/blog/2022-0708-updates)

0 commit comments

Comments
 (0)