示例

此页列出了一些你可以用来学习 Preact 的示例

💁 构建一个你自己的模块? Add it!

完整的 app

Preact Website (preactjs.com)
该网站基于 Preact。 Github Project

ESBench ⏰
基于 Preact & Material Design Lite

GuriVR 👓 基于自然语言的网络VR故事创造器。 Github Project

BigWebQuiz 🎲
2016年Chrome Dev峰会上观众参与的渐进式网络应用程序! Github Project

Nectarine.rocks 🍑
一款开源的 peach.cool app。 Github Project

Web Maker ⚡ 急速并支持离线的前端游乐场。 Github Project

BitMidi 🎹 免费MIDI文件回放机 Github Project

BBC Roasting Calculator 🦃 计算不同种类的肉烹饪时间。

Dropfox 🐺
Dropbox 的桌面 app，基于 Preact、Electron 和 Photon。

Embed Hacker News 😚 在你的博客文章下面嵌入Hacker News评论树。

Connectivity Index 📱
一个允许您按国家搜索Akamai互联网连接状况报告数据的网站。

Drag & Drop file upload (webpack 2) 🚀 用于将资源上传到Contentful（基于API的CMS）的桌面应用程序 Github Project

Exchange Widget 💱 货币兑换小工具,灵感来自于一个流行的移动应用程序，使用Preact、Meiosis、HTML标签模板和本地ES模块实现。 Github Project

Blaze ⚡
先进的P2P文件共享的渐进式网络应用程序。 Github Project

1tuner 📻
收听广播和博客 Github Project

ColoGuessr 🌈 测试你对自己的颜色有多了解 Github Project

Documentation Viewer
在线查看 documentation.js 生成的内容。 Github Project

TodoMVC
非官方最快的 TodoMVC 实现。 Github Project

TodoMVC+PouchDB 💾
基于 PouchDB 离线版 TodoMVC。 Github Project

Hacker News Minimal 📰
小型 hacker news 客户端。 Github Project

Preact Boilerplate ⚡
两条命令开始一个项目，Preact + Webpack + LESS + CSS Modules.。 Github Project

Preact Offline Starter 💯
用于渐进式Web应用支持离线的简化Webpack2启动器， Github Project

Preact Redux Example 🔁
基于 Preact + Redux 的项目，实现一个简单的 To-Do list。 Github Project

Preact Without Babel 🐴
怎么在没有 Babel、ES2015 或 JSX 的情况下使用 Preact。

preact-minimal 🚀
一个只包含必要组件的 Preact 脚手架,让你可以马上开始你的项目

preact-typescript-webpack4-less 包含Preact、Typescript和Webpack 4的脚手架

Preact Homepage Generator 🌐
仅仅需要修改 JSON 文件就可以马上生成一个个人网页 Github Project

Parcel + Preact + Unistore Starter 用于快速开发原型设计或者中小项目的启动包