OSS探訪
GitHubで見るプロジェクトサイト

SolidJS — JSXを使いながら、状態に依存する箇所だけを更新する

OSS規模スコア 279.6OSS健全度 78更新ペース 1 Commit/30日
スコアの見方

OSS規模スコアはStars・Watchers・Forks・Contributorsを対数圧縮して重み付けした現在の規模指標（上限なし）です。発掘スコアは現在のOSS規模スコアから発掘時点のOSS規模スコアを引いた値、更新ペースは直近30日Commit数、成長モメンタムは直近の観測期間におけるOSS規模スコア差、OSS健全度は取得できた更新状況・Community Health・Releaseの0〜100評価です。

Stars
36,061
主要言語
TypeScript
ライセンス
MIT
リポジトリ最終更新
2026/09/21

概要

SolidJSは、Signalなどのリアクティブな状態から依存関係を追跡し、必要なDOMだけを更新するJavaScript UIライブラリです。JSXをコンパイルして実DOMへ接続するため、Virtual DOMを前提にせず画面を構築できます。

特徴と向いている用途

公式資料に基づく紹介・実機未検証 · 内容確認日：

Signalの依存先だけを更新する

createSignalなどの状態を参照した処理を自動で追跡し、値が変わったときに関係する箇所だけを再実行できます。

出典：[2][3]

JSXからSSRやStreamingまで同じモデルで扱う

JSX、Context、Portal、Suspenseに加え、サーバーレンダリング、Streaming、Progressive Hydrationなどの機能も備えています。

出典：[2]

細かな更新と直接的なDOMモデルを重視するWeb UIに

状態変化の影響範囲を小さく保ち、インタラクティブな画面を軽量に構築したいプロジェクトの候補になります。

出典：[2]

Reactと似た見た目でも実行モデルは別物

JSXや関数コンポーネントの見た目はReactに近い一方、Solidではコンポーネント本体を繰り返し再レンダリングする前提ではありません。既存Reactコードの単純移植ではなく、Signalとリアクティビティの違いを確認してください。

出典：[2][3]

参考にした公式資料

  1. [1]solidjs/solid repository(2026-09-21)
  2. [2]SolidJS README(2026-09-21)
  3. [3]SolidJS documentation(2026-09-21)
  4. [4]solid-js package(2026-09-21)
  5. [5]SolidJS MIT license(2026-09-21)
編集部からの補足

SolidJSはReactに似たJSXを使いますが、Virtual DOMでコンポーネント全体を再実行する設計ではありません。現在の`solid-js`パッケージは1.9.15です。ReactのHooksと同じ感覚で読み替えるより、Signalと自動依存追跡の仕組みを理解して評価するのが適切です。

3ステップで試す

  1. 1

    TypeScriptテンプレートを取得

    公式READMEのTypeScript向け最小テンプレートを使い、ViteベースのSolidJSアプリを作成します。

    npx degit solidjs/templates/ts my-app
  2. 2

    依存関係をインストール

    生成したプロジェクトへ移動し、テンプレートで定義された依存関係を導入します。

    cd my-app && npm install
  3. 3

    開発サーバーを起動

    ブラウザでサンプルを開き、Signalの変更に応じて必要な表示だけが更新される基本動作を確認します。

    npm run dev
公式READMEで確認

成長

成長の推移 · 直近30日

36,061 Stars

推移データを蓄積中です。

開発アクティビティ

直近90日・週次

Commit（直近30日）
1
Open PR
17

開発アクティビティを蓄積中です。

Built with

カテゴリとタグ

カテゴリ

タグ

GitHubデータ

GitHubのデータGitHubの詳細データを見る
GitHubで見る

GitHub Topics

  • javascript
  • performance
  • solid
  • proxies
  • declarative
  • fine-grained
  • jsx
  • reactive
Stars
36,061
Forks
1,116
Watchers
215
Open Issues
34
Contributors
186
主要言語
TypeScript
ライセンス
MIT
リポジトリ最終更新
2026/09/21
関連記事を投稿する

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

情報の誤りを報告

掲載内容に誤りや古い情報があればお知らせください。