Repolode
投稿する
preactjs

preactjs/preact

Virtual DOMを基盤とする、React互換のモダンなコンポーネントAPIを備えた高速な約4kBのUIライブラリ。

代替できる製品:React

GitHub で見る公式サイト
スター
38,951
フォーク
4,428
未解決の Issue
43
最終コミット
22 時間前

これは何？

Preactは軽量なUIライブラリです。ES6クラス、フック、関数コンポーネントなど、Reactのコンポーネントモデルをより小さなサイズで提供します。Reactそのもののバンドルサイズを避けつつ、React風の開発をしたい開発者を対象としています。

JSX、Virtual DOM、DevTools、ホットモジュール置換、シームレスなハイドレーションに対応したサーバーサイドレンダリングを備えています。preact/compatエイリアスを使うと、幅広い互換性のもとで多くのReactライブラリをPreact上で動作させられます。描画はプラグイン可能なスケジューラによって非同期に行われ、差分アルゴリズムはDOM操作を最小限に抑えるよう設計されています。

Preactはすべてのモダンブラウザに対応しています。テンプレートはJSX、または標準のJavaScriptタグ付きテンプレートを使うHTMで記述できます。

主な機能

  • 01クラスコンポーネント、フック、関数コンポーネントを含む、使い慣れたReact API
  • 02多くのReactライブラリを動作させるためのpreact/compatエイリアス
  • 03組み込みのJSX、Virtual DOM、DevTools、ホットモジュール置換
  • 04シームレスなハイドレーションに対応したサーバーサイドレンダリング
  • 05プラグイン可能なスケジューラによる非同期描画

ユースケース

  • パフォーマンスが重視されるページなど、バンドルサイズが重要な場面でReact風のフロントエンドを提供する
  • compatエイリアスを使って既存のReactアプリを段階的に移行する
  • サーバーサイドレンダリングされたサイトにインタラクティブなコンポーネントを追加する

クイックスタート

  1. 1

    npm から Preact をインストールする

    npm install preact
  2. 2

    アプリで render と h をインポートし、コンポーネントを document.body にレンダリングする

トピック

#react#ui#virtual-dom#jsx#components#frontend-framework#ssr#dom#preact#vdom

よくある質問

preact とは？
Virtual DOMを基盤とする、React互換のモダンなコンポーネントAPIを備えた高速な約4kBのUIライブラリ。 Preactは軽量なUIライブラリです。ES6クラス、フック、関数コンポーネントなど、Reactのコンポーネントモデルをより小さなサイズで提供します。Reactそのもののバンドルサイズを避けつつ、React風の開発をしたい開発者を対象としています。
preact は無料で使えますか？ライセンスは？
preact は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
preact は今もメンテナンスされていますか？
活発にメンテナンス中。preact の最終コミットは 2026年10月24日 です。
preact は何に使えますか？
パフォーマンスが重視されるページなど、バンドルサイズが重要な場面でReact風のフロントエンドを提供する compatエイリアスを使って既存のReactアプリを段階的に移行する サーバーサイドレンダリングされたサイトにインタラクティブなコンポーネントを追加する
preact のインストール方法は？
npm から Preact をインストールする: npm install preact アプリで render と h をインポートし、コンポーネントを document.body にレンダリングする
preact はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/preactjs/preact

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

関連プロジェクト