ヘルプ
私たちをサポートしてください

ライブラリ & アドオン

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でそのまま動作) - ドキュメント

ユーティリティ