You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: packages/document/main-doc/docs/en/community/blog/overview.md
+67-2Lines changed: 67 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,72 @@ sidebar_position: 1
4
4
5
5
# Overview
6
6
7
-
Welcome to the Modern.js blog!
7
+
Welcome to Modern.js blog!
8
8
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.
10
10
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)
0 commit comments