库和附加组件

一系列专为与 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 应用变成 Native iOS/Android 应用和 PWA。
• :ice_cube: Kretes: 使用 Preact 和 Node.js 构建全栈 TypeScript 应用
• 🏝: preact-island: 在任何网站上运行 Preact 小部件，并带有响应式道具。

GUI 工具包

• 🎴 @mui/material: 你一直想要的 React UI 库。遵循你自己的设计系统，或从 Material Design 开始。
• :thumbsup: preact-material-components: Web 的 Material 组件（取代 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 是一个 UI 开发环境，用于你的 Preact 组件

测试

• :microscope: preact-jsx-chai: JSX 断言测试（无 DOM，直接在 Node 中）
• :white_check_mark: unexpected-preact: JSX 断言、事件、Jest 中的快照（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 的扩展，用于完全状态管理