帮助
支持我们

演示和示例

此页面列出了许多可用于学习 Preact 的演示和示例。

:information_desk_person: 构建您自己的? 添加它!

完整应用

Preact 网站 (preactjs.com)
当然,本网站是使用 Preact 构建的。
Github 项目

ESBench :alarm_clock
使用 Preact 和 Material Design Lite 构建。

GuriVR :eyeglasses: 基于自然语言的 Web VR 故事创建者。
Github 项目

BigWebQuiz :game_die
Chrome Dev Summit 2016 的观众参与渐进式网络应用!Github 项目

Nectarine.rocks :peach
开源 peach.cool 应用。
Github 项目

Web Maker :zap: 速度极快且离线的前端游乐场。 Github 项目

BitMidi :musical_keyboard: 免费 MIDI 文件的时光机 Github 项目

BBC 烤肉计算器 :turkey: 计算不同肉块的烹饪时间。

Dropfox :wolf
使用 Preact、Electron 和 Photon 构建的 Dropbox 桌面应用。

嵌入 Hacker News :kissing_closed_eyes: 在博客文章下方嵌入 Hacker News 评论树。

连接指数 :iphone
一个允许你按国家搜索Akamai 互联网连接状况报告数据的网站。

拖放文件上传(webpack 2) :rocket: 用于将资产上传到 Contentful(基于 API 的 CMS)的桌面应用 Github 项目

汇率小工具 :currency_exchange: 受一款流行的移动应用启发的汇率小工具,使用 Preact、Meiosis、HTML 标记模板和原生 ES 模块实现。 Github 项目

Blaze :zap
现代的点对点文件共享渐进式网络应用。
Github 项目

1tuner :radio
收听广播和播客。
Github 项目

完整演示和示例

文档查看器
在线查看 documentation.js 输出。
Github 项目

TodoMVC
非官方最快的 TodoMVC 实现。
Github 项目

TodoMVC+PouchDB :floppy_disk
使用 PouchDB 实现 TodoMVC 的离线同步。 Github 项目

极简黑客新闻 :newspaper
极小的黑客新闻客户端。
Github 项目

Preact 样板 :zap
2 个命令启动项目。Preact + Webpack + LESS + CSS 模块。
Github 项目

Preact 离线启动器 :100:
简化的 Webpack2 启动器,用于渐进式网络应用程序,支持离线。
Github 项目

Preact Redux 示例 :repeat
Preact + Redux 示例项目,实现了一个简单的待办事项列表。
Github 项目

无 Babel 的 Preact :horse
如何在完全不使用 Babel、ES2015 或 JSX 的情况下使用 Preact。

preact-minimal :rocket
极简的 Preact 结构,包含所有必要的工具,可立即启动你的项目。

preact-typescript-webpack4-less 另一个极简的集合,包含 Preact、Typescript 和 Webpack 4。

Preact 主页生成器 :globe_with_meridians
只需修改 JSON 数据,即可快速建立一个新的个人网页。 Github 项目

Parcel + Preact + Unistore 启动器 用于闪电般快速原型制作和中小型项目结构的启动包

buildless-preact-starter :rocket: 用于在无构建环境中使用 Preact 的启动器/模板

Codepen

模板

:zap: JSFiddle 模板

:zap: CodePen 模板