Demos & Örnekler
Bu sayfa, Preact öğrenmek için kullanabileceğiniz bir dizi demo ve örneği listelemektedir.
:informationdesk_person: _Kendinize ait bir tane mi yaptınız? Ekleyin!
Tam Uygulamalar
Preact Web Sitesi (preactjs.com)
Elbette bu web sitesi Preact ile inşa edilmiştir.
Github Projesi
ESBench ⏰
Preact & Material Design Lite ile yapılmıştır.
GuriVR 👓
Doğal dil tabanlı Web VR hikaye yaratıcısı.
Github Projesi
BigWebQuiz 🎲
Chrome Dev Summit 2016'dan izleyici katılımı için Gelişmiş Web Uygulaması!
Github Projesi
Nectarine.rocks 🍑
Açık Kaynak peach.cool uygulaması.
Github Projesi
Web Maker ⚡
Alev gibi hızlı ve çevrimdışı ön uç oyun alanı.
Github Projesi
BitMidi 🎹
Ücretsiz MIDI dosyaları için Wayback makinesi
Github Projesi
BBC Roasting Calculator 🦃 Farklı et kesimlerinin pişirme sürelerini hesaplar.
Dropfox 🐺
Preact, Electron ve Photon ile yapılmış Dropbox için masaüstü uygulaması.
Embed Hacker News 😚 Blog makalenizin altına Hacker News yorum ağacını yerleştirin.
Connectivity Index 📱
Bir ülkeye göre Akamai İnternet Bağlantı Raporu verilerini aramanıza olanak tanır.
Drag & Drop file upload (webpack 2) 🚀
Contentful'a (API tabanlı CMS) varlık yüklemek için masaüstü uygulaması
Github Projesi
Exchange Widget 💱
Preact, Meiosis, HTML etiketli şablonlar ve yerel ES modülleri kullanılarak uygulanan popüler bir mobil uygulamadan esinlenen döviz değişim widget'ı.
Github Projesi
Blaze ⚡
Modern eşler arası dosya paylaşım Gelişmiş Web Uygulaması.
Github Projesi
1tuner 📻
Radyo ve podcast dinleyin.
Github Projesi
ColoGuessr 🌈
Renklerinizi ne kadar iyi bildiğinizi test edin
Github Projesi
Tam Demos & Örnekler
Dokümantasyon Görüntüleyici
documentation.js çıktısını çevrimiçi görüntüleyin.
Github Projesi
TodoMVC
Resmi olmayan en hızlı TodoMVC uygulaması.
Github Projesi
TodoMVC+PouchDB 💾
depPouchDB ile çevrimdışı senkronize TodoMVC.
Github Projesi
Hacker News Minimal 📰
Küçük bir hacker news istemcisi.
Github Projesi
Preact Boilerplate ⚡
2 komut ile başlatma projesi. Preact + Webpack + LESS + CSS Modülleri.
Github Projesi
Preact Offline Starter 💯
Çevrimdışı desteği ile Gelişmiş Web Uygulamaları için basitleştirilmiş Webpack2 başlangıcı.
Github Projesi
Preact Redux Örneği 🔁
Basit bir To-Do listesi uygulayan Preact + Redux örnek projesi.
Github Projesi
Preact Babel Olmadan 🐴
Preact'ı tamamen Babel, ES2015 veya JSX olmadan kullanma yöntemi.
preact-minimal 🚀
Projenize hemen başlamanız için gerekli tüm araçlarla minimal Preact yapısı.
preact-typescript-webpack4-less Preact, Typescript ve Webpack 4 ile başka bir minimal set.
Preact Ana Sayfa Oluşturucu 🌐
JSON verilerini yalnızca değiştirmeniz gereken yeni bir kişisel web sayfasını hızlıca oluşturun.
Github Projesi
Parcel + Preact + Unistore Başlangıcı Hızlı prototipleme ve küçük/orta ölçekli proje yapısı için başlangıç paketi
buildless-preact-starter 🚀 İnşa edilmeden Preact kullanmak için bir başlangıç / şablon
Codepens
- Flickr Tarayıcı (@ CodePen)
- Yazıyı Animasyonla (@ CodePen)
- 60FPS Gökkuşağı Spiral (@ CodePen)
- Basit Saat (@ JSFiddle)
- 3D + ThreeJS (@ CodePen)
- Sonu Olmayan At (@ CodePen)