Welcome to Modern.js blog!

You can find the latest update of Modern.js and our thought processes here. Occasionally we explain the infrastructure behind it.

Announcing Modern.js v2: support Rspack

Published on 16.03.2023

We are excited to announce the release of Modern.js v2!

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!

We are extremely proud of what we have achieved so far, you can also refer to this article(English version under construction)👈🏻 to see what has changed over the last year in Modern.js.

What is Streaming SSR in React 18

Published on 16.12.2022

Since React 18, React supports a new type of SSR (streaming SSR) and it brought two advantages over the React tool chain:

  • 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.

  • 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.

To understand its design further, check out this Github Discussion by Dan Abramov or watch this talk.

Or read more from us at here(Further content in English under construction).

Introducing React Server Component in Modern.js

Published on 01.12.2022

To explain the experimental React Server Component, the one-liner given by the React Team was: zero-bundle-size React Server Components.

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.

Read more from React team at here or more from us at here

Updates during Sept - Oct in 2022

Published on 01.11.2022

We updated Modern.js to v1.21.0 during Sept - Oct. Major upgrade includes:

  • support pnpm v7
  • added typescript compiler option on server side

Read more (English version under construction)

Updates during July - August in 2022

Published on 2022.09.05

Modern.js upgraded to v1.17.0 during July to August in 2022. Major updates include:

  • Support React 18
  • Unifying packages: All the Modern.js package version numbers are unified, and added version update command line in CLI.
  • Support npm module bundle building: We support bundling npm module output.
  • Reduck v1.1: We released Reduck v1.1 and updated all our documentations.

Read more (English version under construction)