Libx Awesomeリスト

    このページの内容

    Awesome Preact

    Preactを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

    目次

    コミュニティ

    ツールキット

    • Preact CLI - Preactのプログレッシブウェブアプリを数秒で構築します
    • Vite - Preact、VueまたはReact用の高速なネイティブESMベースのウェブ開発ツール
    • PreactPress - ViteとPreactを活用した静的サイトジェネレーター（ドキュメント、ブログ、マーケティングサイト用）(demo)
    • EviKit - 小さなウェブアプリ向けのVite/Preact SSRフレームワーク。SQLite ORM、OpenAPIバリデーション、翻訳、SEO対応
    • nwb - React、InfernoまたはPreactで高速開発
    • React App Rewire Preact - create-react-appとPreactを組み合わせる場合、ejectなしで使用可能
    • Preact CLI PostCSS - Preact CLIではデフォルトのPostCSS設定を削除しているため、postcss.config.jsを使用できます
    • Create Preact App - Preactアプリの構築にbuild設定を一切不要にできます
    • Storybook Preact - Preact用のStorybookは、あなたのPreactコンポーネント向けのUI開発環境です

    ボイラープレート

    • Official Boilerplate - Webpackで駆動された、すぐに使えるPreactスタートプロジェクト
    • Preact Simple Starter - Preact、Preact-mdl、Webpack2を活用したPWAシンプルスタートプロジェクト
    • Preact Offline Starter - PreactでSPA／PWA／オフラインフロントエンドアプリを構築するためのWebpack2のテンプレート
    • TypeScript Preact Starter - TypeScriptを活用したPreactのシンプルスタートプロジェクト
    • TypeScript PWA Preact Starter - TypeScriptとSASSを用いたPWAスタートプロジェクト（131kb）
    • Electron TypeScript Preact Boilerplate - TypeScript と Preact をサポートする Electron スタータープロジェクト、esbuild で駆動。
    • Preact Modern Startupper - TypeScript、Goober、Unistore および Plop をサポートする PWA ボイラプレート。
    • Preact Redux SSR Example - Redux を使用したサーバーサイドレンダリングの例。
    • Preact PWA - パフォーマンスに重点を置いた PWA。サーバーサイドレンダリング、プリレンダリング、Redux、Express、Rollup をサポート。
    • Preact Chrome Extension - フル機能の Preact Chrome 拡張機能用スターターキット。
    • Preact Web Extension - ⚡️ WebExtension Vite スターターテンプレート（Preact をサポート）。
    • Preact Neutralino TypeScript Starter - Preact と neutralino.js を使用して軽量なデスクトップアプリケーションを構築するためのスタータープロジェクト。
    • Simple Deno Starter - Preact と Deno を使用した、シングルページアプリケーションを構築するためのミニマムテンプレート。

    ルーティング

    • Preact Router - Preact 用の URL ルーター。
    • Preact Route Async - 440b gzip のルートコンポーネントでページコンポーネントの非同期読み込みを可能にする。
    • Wouter - 1KB gzip のミニマム（800b gzip）ルーター。Preact/React に React Router に類似した API を提供。
    • Ufbr - Preact/React 用のミニマム（1KB gzip）クライアントサイドのユニバーサルファイルベースルーター。Preact をサポート。

    コンポーネント

    • Preact Material Components - 「Material Components for the web」の Preact ラッパー。
    • Preact Scroll Header - 800b gzip のヘッダー。スクロール時に表示／非表示を切り替える。
    • Preact Progress - Preact 用のシンプルかつ軽量（約590バイト gzip）プログレスバーコンポーネント。
    • Preact Compat - Preact (full example) と任意の React ライブラリを組み合わせ使用可能
    • Preact Render To String - ユニバーサルレンダリング
    • Preact Markup - HTML およびカスタムエレメントを JSX とコンポーネントとしてレンダリング
    • Preact Portal - Preact コンポーネントを任意の DOM 空間にレンダリング
    • Preact Richtextarea - シンプルな HTML エディタ コンポーネント
    • Preact Token Input - タグのような入力にトークンを分割するテキストフィールド
    • Preact Virtual List - 数百万行のリストを簡単にレンダリング (demo)
    • Preact Cycle - Preact 用の機能反応型パラダイム
    • Preact Layout - 小型かつシンプルなレイアウトライブラリ
    • Preact Socrates - Preact 用の Socrates プラグイン
    • Preact Flyd - Preact + JSX で flyd FRP ストリームを使用
    • Preact I18nline - を介して の周辺エコシステムを Preact に統合 i18n-js i18nline
    • Preact MUI - MUI CSS Preact ライブラリ
    • Preact MDL - MDL を Preact コンポーネントとして使用
    • Preact Photon - photon を使って美しいデスクトップ UI を構築
    • Preact Classless Component - class キーワードなしで Preact コンポーネントを作成
    • Preact Hyperscript - 要素を作成するハイパーサクリプトのような構文
    • Shallow Compare - 簡易な shouldComponentUpdate ヘルパー
    • Preact Codemod - React のコードを Preact に変換
    • Preact Helmet - Preact 用のドキュメントヘッドマネージャー
    • Preact Delegate - DOMイベントのデリゲート
    • Preact No SSR - コンポーネントのサーバーサイドレンダリングをスキップ
    • Preact Head - Preact 用の独立した宣言的な <Head />
    • Preact Side Effect - ネストされたプロパティの変更がグローバルな副作用にマッピングされるコンポーネントの作成
    • Preact Tiny Atom - Preact と Tiny Atom の統合
    • Preact Level List - Preact 用のライブ更新対応 LevelDB リストコンポーネント
    • Preact Country Picker - Bootstrap 3 を基盤とする Preact 用の国選択パネル
    • Preact Fluid - Preact 用の最小限の UI キット
    • Preact Feather Icons - Preact 用の Feather アイコン
    • Preact Animate On Change - プロパティが変更されたときにCSS3アニメーションを追加
    • Preact Async Route - Preact-router 用の非同期ルートコンポーネント
    • MU Forms - (P)React 用のシンプルなフォームライブラリ
    • Pimg - プログレッシブな画像コンポーネント；画像の遅延読み込みに使用
    • Preact Component Console - コンソールエミュレーター。動的遅延を用いて入力をシミュレート
    • Preact Translate - Preact 用の最小限の国際化（i18n）ライブラリ
    • Preact Dock - Preact アプリ用のシンプルなドラッグ＆ドロップおよびタッチ対応のドック
    • Preact Particles - ウェブサイトにカッコイイパーティクルアニメーションを簡単に追加できる軽量コンポーネント
    • Pant - Preact で構築されたモバイル UI コンポーネント (docs and demos)。 Vant の素晴らしい Vue コンポーネントから移植されたもの
    • Preact Transitioning - Preact コンポーネントを公開し、基本的な CSS アニメーションとトランジションを簡単に実装可能に
    • Preact Nominal Allocator - ボタン（- / +）で操作可能な数値入力要素
    • Tailored Components - Preact および Deno 用のスタイルなしコンポーネントとホルダー
    • Plotery - 高速かつ軽量のチャートライブラリ
    • Formica - Preact 用のシンプルな宣言型フォーム
    • HelloCSV - Preact で構築された現代的で洗練されたCSVインポートコンポーネント。Flatfileの代替品
    • Vski Table - Preact で構築されたデータグリッドコンポーネント
    • Kamod UI - 軽量な Preact と Tailwind UI コンポーネント（shadcn 風アプローチ） (demo).
    • Preact Filter Builder - AND/OR ブール演算子に対応した、再利用可能な Preact ベースのフィルタービルダー UI コンポーネント (demo).
    • I18n Micro - 軽量な Preact バインディング（i18n-micro 用：hooks、context、UI コンポーネント）.

    ライブラリ

    • Redux Zero - Redux に基づく軽量なステートコンテナ（1つのストア、リダクタなし）.
    • Unistore - 350b / 650b ステートコンテナで Preact および React 用のコンポーネントアクション.
    • FPreact - Preact コンポーネントを作成するための代替 API を提供し、Elm に強くインスピレーションを受けています.
    • ProppyJS - A tiny library for functional props composition
    • ClearX - React、Preact および Inferno 用の高速かつ手軽なステート管理（学習曲線ゼロ）.
    • Preact-urql - Preact コア + hooks と urql を使用します.
    • hooked-head - DOM の <head> セクションを操作するための Hooks。これは、core Preact サポートを持つサブパッケージ（preact/hooks を使用）を含んでいます.
    • Kamod Hooks - ahooks から移植された Preact Hooks ライブラリ.
    • Teaful - 極めて小さい（800B）、簡単で強力（P）React ステート管理.
    • Nano Stores - 非常に小さい（199バイト）ステートマネージャーで、多数の原子的なツリーシャッキングストアを提供.
    • Modular Forms - Preact 用のモジュール式で型安全な、シグナルベースのフォームライブラリ.
    • exome - 深層ネストされたステート用のシンプルなプロキシベースステートマネージャー.
    • Fastro - Deno、TypeScript、Preact、Tailwind 用の高速でモジュール式の SSR フレームワーク。
    • Jotai - React および Preact 用のアトミックで柔軟な状態管理
    • Pretch - vanilla JavaScript および React、Preact と互換性のある軽量かつ柔軟な fetch 増強ライブラリ
    • Formisch - パフォーマンス、型安全、バンドルサイズに注目した Preact 用フォームライブラリ
    • zikofy - Preact コンポーネントを Zikojs UIElement に変換
    • Preact In Motion - Preact 用の軽量で洗練されたアニメーションプラグイン（Motion.dev および WAAPI で駆動）

    テストユーティリティ

    • Preact JSX Chai - JSX のアサーションテスト（DOM なし、Node 内で実行）
    • Preact Render Spy - テスト時に生成された仮想 DOM にアクセスできる Preact コンポーネントのレンダリング
    • Preact Test Utils - Preact における react-test-utils Enzyme のモック
    • Preact Testing Library - シンプルかつ完全な Preact DOM テストユーティリティで、良いテスト習慣を促進
    • Preact Island - ウェブページ上で簡単に Preact コンポーネントをウィジェットとしてレンダリング

    記事

    サンプルアプリ

    関連ライブラリ

    • React - ユーザーインターフェースを構築するための、宣言的で効率的かつ柔軟なJavaScriptライブラリ。
    • Inferno - 非常に高速でReactに似たJavaScriptライブラリ。現代的なユーザーインターフェースを構築するためのライブラリ。
    • Rax - Reactと互換性のある、汎用的なレンダリングエンジン。
    • Zikojs - ハイパーサクリプトに基づく、組み立て可能なUIライブラリ。Preactコンポーネントとの両方向の相互運用性を備える。

    ヒント

    ぜひ情報を追加してください ;)

    貢献

    貢献や提案はいつでも歓迎します。Preact で素晴らしいものを作り、ぜひ共有してください ;)
    ガイドラインに従ってください。ありがとうございます！

    ライセンス

    CC0