デモとサンプル

このページでは、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 でのオーディエンス参加型プログレッシブ Web アプリ！ Github プロジェクト

Nectarine.rocks :peach
オープンソースの peach.cool アプリ。
Github プロジェクト

Web Maker :zap: 超高速なオフラインフロントエンドプレイグラウンド。 Github プロジェクト

BitMidi :musical_keyboard: 無料 MIDI ファイルの Wayback マシン Github プロジェクト

BBC ロースト計算機 :turkey: さまざまな肉の部位の調理時間を計算します。

Dropfox :wolf
Preact、Electron、Photon で構築された Dropbox 用のデスクトップアプリ。

Hacker News の埋め込み :kissing_closed_eyes: ブログ記事の下に Hacker News のコメントツリーを埋め込みます。

接続指数 :iphone
Akamai State of the Internet Connectivity Report のデータを国別に検索できるサイト。

ドラッグ＆ドロップによるファイルアップロード（webpack 2） :rocket: Contentful（API ベースの CMS）にアセットをアップロードするためのデスクトップアプリ Github プロジェクト

為替ウィジェット :currency_exchange: 人気のモバイルアプリからインスピレーションを得た為替ウィジェット。Preact、Meiosis、HTML タグ付きテンプレート、ネイティブ ES モジュールを使用して実装されています。 Github プロジェクト

Blaze :zap
最新のピアツーピアファイル共有プログレッシブ Web アプリ。
Github プロジェクト

1tuner :radio
ラジオやポッドキャストを聴きます。
Github プロジェクト

ドキュメントビューア
documentation.js の出力をオンラインで表示します。
Github プロジェクト

TodoMVC
非公式の最速 TodoMVC 実装。
Github プロジェクト

TodoMVC+PouchDB :floppy_disk
PouchDB を使用したオフライン同期 TodoMVC。 Github プロジェクト

Hacker News Minimal :newspaper
小さな Hacker News クライアント。
Github プロジェクト

Preact ボイラープレート :zap
2 つのコマンドで開始できるプロジェクト。Preact + Webpack + LESS + CSS Modules。
Github プロジェクト

Preact オフラインスターター :100:
プログレッシブ Web アプリ向けのシンプルな Webpack2 スターター（オフラインサポート付き）。
Github プロジェクト

Preact Redux サンプル :repeat
単純な To-Do リストを実装した Preact + Redux のサンプルプロジェクト。
Github プロジェクト

Babel なしの Preact :horse
Babel、ES2015、JSX を一切使用せずに Preact を使用する方法。

preact-minimal :rocket
プロジェクトをすぐに開始するために必要なすべてのツールを備えた最小限の Preact 構造。

preact-typescript-webpack4-less Preact、Typescript、Webpack 4 を使用した、もう 1 つの最小限のセット。

Preact ホームページジェネレーター :globe_with_meridians
JSON データを変更するだけで、新しい個人用 Web ページをすばやく作成できます。 Github プロジェクト

Parcel + Preact + Unistore スターター 超高速プロトタイピングおよび小/中規模プロジェクト構造向けのスターターパック

buildless-preact-starter :rocket: ビルドレス環境で Preact を使用するためのスターター/テンプレート