函式庫和附加元件

一系列模組，專為與 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 視圖引擎。
• :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: 透過 i18nline 將 i18n-js 周圍的生態系統與 Preact 整合。
• :diamond_shape_with_a_dot_inside: Capacitor: 將您的 Preact 應用程式轉換成原生 iOS/Android 應用程式和 PWA。
• :ice_cube: Kretes: 使用 Preact 和 Node.js 建立全端 TypeScript 應用程式
• 🏝: preact-island：在任何網站上執行您的 Preact 小工具，並具有反應式道具。

GUI 工具包

• 🎴 @mui/material：您一直想要的 React UI 函式庫。遵循您自己的設計系統，或從 Material Design 開始。
• :thumbsup: preact-material-components：適用於網路的 Material Components（取代 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: 在沒有類別關鍵字的情況下建立 preact 元件
• :hammer: preact-hyperscript: 類似 Hyperscript 的語法，用於建立元素
• :white_check_mark: shallow-compare: 簡化的 shouldComponentUpdate 輔助函式。
• :signal_strength: @deepsignal/preact: @preact/signals 的延伸，用於完整的狀態管理