ライブラリ & アドオン
Preactとうまく連携するように構築されたモジュールのコレクションです。
:information_desk_person: 自分で構築しましたか? 追加しましょう!
アドオン
- :repeat: preact-cycle: Preactの関数型リアクティブパラダイム
- :page_facing_up: preact-render-to-string: ユニバーサルレンダリング。
- :timer_clock: relaks: 非同期的に返されるレンダリングメソッドを使用してコンポーネントを作成します。
- :nut_and_bolt: express-preact-views: Express View Engine。
- :floppy_disk: Prefresh: Preactの高速リフレッシュ。
- :bookmark_tabs: adonis-preact: AdonisjsでPreactを使用する
コンポーネント
- :earth_americas: preact-router: コンポーネントのURLルーティング
- :bookmark_tabs: preact-markup: HTMLとカスタム要素をJSXとコンポーネントとしてレンダリングする
- :satellite: preact-portal: Preactコンポーネントを(a) SPACE :milky_way にレンダリングする
- :pencil: preact-richtextarea: シンプルなHTMLエディターコンポーネント
- :bookmark: preact-token-input: タグのようなものに、入力をトークン化するテキストフィールド
- :card_index: preact-virtual-list: 数百万行のリストを簡単にレンダリングする (デモ)
- :triangular_ruler: preact-layout: 小さくてシンプルなレイアウトライブラリ
- :construction_worker: preact-helmet: Preactのドキュメントヘッドマネージャー
- :arrow_up_down: preact-custom-scrollbars: フリクションレスなネイティブブラウザスクロールを実現する、完全にカスタマイズ可能なスクロールバー
- 🧱 @modular-forms/preact: モジュール化されたタイプセーフなフォームライブラリ
統合
- :thought_balloon: preact-socrates: SocratesのPreactプラグイン
- :rowboat: preact-flyd: Preact + JSXでflyd FRPストリームを使用する
- :speech_balloon: preact-i18nline: i18n-js 周辺のエコシステムを i18nline 経由でPreactと統合します。
- :diamond_shape_with_a_dot_inside: Capacitor: PreactアプリをネイティブiOS/AndroidアプリとPWAに変えます。
- :ice_cube: Kretes: PreactとNode.jsを使用してフルスタックのTypeScriptアプリを構築する
- 🏝: preact-island: リアクティブなpropsを使用して、任意のWebサイトでPreactウィジェットを実行します。
GUIツールキット
- 🎴 @mui/material: あなたが常に望んでいたReact UIライブラリ。独自のデザインシステムに従うか、Material Designから始めましょう。
- :thumbsup: preact-material-components: Material Components for the Web (MDLの後継)
- :white_square_button: preact-mdl: MDLをPreactコンポーネントとして使用する
- :rocket: preact-photon: photonで美しいデスクトップUIを構築する
- :penguin: preact-weui: PreactのWeui
- 💅 preact-fluid: Preact用のFluid最小限のUIキット
- :book: storybook-preact: PreactのStorybookは、Preactコンポーネント用のUI開発環境です
テスト
- :microscope: preact-jsx-chai: JSXアサーションテスト (DOMなし、Nodeで直接)
- :white_check_mark: unexpected-preact: JestでのJSXアサーション、イベント、スナップショット (DOM、Node jsdom下またはJestでそのまま動作) - ドキュメント
ユーティリティ
- :tophat: preact-classless-component: classキーワードなしでpreactコンポーネントを作成する
- :hammer: preact-hyperscript: 要素を作成するためのHyperscriptのような構文
- :white_check_mark: shallow-compare: 簡略化された
shouldComponentUpdate
ヘルパー。 - :signal_strength: @deepsignal/preact: 完全な状態管理のための
@preact/signals
の拡張