Repolode
投稿する
web-infra-dev

web-infra-dev/modern.js

Rsbuildを基盤とする段階的に導入できるReact向けWebフレームワーク。ルーティング、データ読み込み、SSR、状態管理を提供します。

GitHub で見る公式サイト
スター
5,049
フォーク
425
未解決の Issue
55
最終コミット
15 時間前

これは何？

Modern.jsはReactを基盤とする段階的に導入できるWebフレームワークです。Reactアプリケーションに一般的に必要となる設定やツールをまとめており、開発者はまずUIを素のReactで構築し、ルーティング、データ取得、状態管理などのフレームワーク機能を段階的に導入できます。

このプロジェクトはRspackベースのビルドツールであるRsbuildを基盤とし、Rspack、Rspress、Rslibも含むweb-infra-devエコシステムの一部です。トピックにはSSR、ビルドツール、ボイラープレートが含まれ、ByteDanceで上位レイヤーのフレームワーク構築に使われていることも記されています。

Modern.jsはTypeScriptで書かれており、MITライセンスで公開されています。

主な機能

  • 01Reactアプリ向けのルーティング、データ読み込み、状態管理を標準搭載。
  • 02バンドルにはRsbuildとRspackを基盤として使用。
  • 03サーバーサイドレンダリング（SSR）に対応。
  • 04素のReactをベースに、機能を段階的に導入可能。
  • 05プロジェクトのボイラープレートとプラグインシステムを搭載。

ユースケース

  • ルーティングとSSRをすぐに利用できる新しいReact Webアプリケーションの構築。
  • 既存のReactプロジェクトを全面的に書き換えることなく、より包括的なフレームワークへ移行。
  • 高速なRspackベースのビルドを備えた、設定済みのReact共通スタックを必要とするチーム。

クイックスタート

  1. 1

    公式サイトの Quick Start ガイドを読む

収録されている特集

アプリとWebサイトを作るためのフレームワーク

トピック

#react#web-framework#ssr#rspack#build-tool#typescript#boilerplate#framework#web#webpack

よくある質問

modern.js とは？
Rsbuildを基盤とする段階的に導入できるReact向けWebフレームワーク。ルーティング、データ読み込み、SSR、状態管理を提供します。 Modern.jsはReactを基盤とする段階的に導入できるWebフレームワークです。Reactアプリケーションに一般的に必要となる設定やツールをまとめており、開発者はまずUIを素のReactで構築し、ルーティング、データ取得、状態管理などのフレームワーク機能を段階的に導入できます。
modern.js は無料で使えますか？ライセンスは？
modern.js は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
modern.js は今もメンテナンスされていますか？
活発にメンテナンス中。modern.js の最終コミットは 2026年11月6日 です。
modern.js は何に使えますか？
ルーティングとSSRをすぐに利用できる新しいReact Webアプリケーションの構築。 既存のReactプロジェクトを全面的に書き換えることなく、より包括的なフレームワークへ移行。 高速なRspackベースのビルドを備えた、設定済みのReact共通スタックを必要とするチーム。
modern.js のインストール方法は？
公式サイトの Quick Start ガイドを読む
modern.js はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/web-infra-dev/modern.js

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト