"Masadaki herkes anlasın"
Her teknoloji için hem teknik hem de kolay anlaşılır açıklamalar
Composition API,
ref(),
computed(),
watch()
"Lego gibi parçaları birleştiriyoruz. Her parça bağımsız çalışıyor ama birlikte harika şeyler yapıyorlar!"
Reaktif yapısı sayesinde veriler değişince ekran otomatik güncelleniyor. Temiz ve okunabilir kod yazılıyor.
Hooks,
useState,
useEffect,
JSX
"Facebook'un geliştirdiği süper güçlü araç. Instagram, WhatsApp, Netflix hep bunu kullanıyor!"
Devasa ekosistemi var. Binlerce hazır bileşen ve kütüphane mevcut. Çok hızlı performans sağlıyor.
x-data,
x-show,
x-for,
@click
"HTML'e süper güç veriyor! Sadece birkaç satır ekleyerek sayfayı interaktif hale getiriyor."
Sadece 15KB boyutunda. Öğrenmesi çok kolay. Mevcut HTML'e kolayca eklenebiliyor.
Utility-first,
JIT Compiler,
dark: prefix
"CSS yazma derdinden kurtarıyor! Hazır sınıflarla saniyeler içinde güzel tasarımlar yapabiliyoruz."
Geliştirme hızını 3-4 kat artırıyor. Tüm ekip aynı tasarım dilini konuşuyor. Dark mode desteği hazır.
4 draft'ın özellik matrisi
| Özellik | prod-a-table | prod-b-dark | prod-maspar-replica | prod-c-split |
|---|---|---|---|---|
| Dark Mode | ||||
| Responsive | ||||
| Filtreleme | ||||
| Arama | ||||
| Tablo Görünümü | ||||
| Kart Görünümü | ||||
| Split View | ||||
| Favori Listesi | ||||
| Öğrenme Eğrisi | Orta | Yüksek | Düşük | Düşük |
| Bundle Boyutu | ~50KB | ~130KB | ~15KB | ~15KB |
Frontend'den veritabanına veri akışı
Vue / React / Alpine
Kullanıcı Arayüzü
Kullanıcının gördüğü ve etkileşimde bulunduğu katman. Butonlar, formlar, tablolar burada.
HTTP Request
Laravel Backend
Uygulama Sunucusu
İş mantığının çalıştığı yer. Kullanıcı isteklerini işler, veritabanıyla konuşur.
SQL Query
MySQL / MariaDB
Veritabanı
Tüm verinin saklandığı yer. Ürünler, kullanıcılar, siparişler burada tutuluyor.
Kullanıcı bir butona tıklar veya form doldurur
Backend isteği alır, doğrular ve işler
Veritabanına yazılır veya okunur, sonuç döner