Kullanılan Teknolojiler
Projene dahil tüm araçlar:
Vite 7
Anında yansımalı derleme aracı
React 19
Arayüz kütüphanesi
TypeScript 5.9
Tip güvenli JavaScript
Tailwind CSS 4
Modern CSS framework'ü
shadcn/ui
Hazır bileşenler
React Router 7
Sayfa yönetimi
TanStack Query 5
Veri yönetimi
Zod 4
Veri doğrulama
ESLint 9
Kod analizi
Prettier
Kod düzenleyici
Vitest
Test framework'ü
Husky
Git hooks
Neden Bu Araçlar?
Vite
Vite, React projeleri için en hızlı derleme aracı. 1 saniyeden kısa sürede başlıyor. Değişiklikler anında yansıyor. Webpack'ten 10 kat hızlı. Turbopack da hızlı ama sadece Next.js ile iyi çalışıyor.
React
React hala lider. Geliştiricilerin %40'ı kullanıyor. 11 milyon web sitesi React ile yapılmış. En büyük ekosisteme, en çok iş ilanına ve en fazla öğrenme kaynağına sahip.
TypeScript
TypeScript, kodu çalıştırmadan hataları buluyor. Artık sektör standardı. Gerçek bir alternatifi yok.
Tailwind CSS
Tailwind en popüler CSS framework'ü. Stilleri doğrudan HTML'de yazıyorsun. Ayrı CSS dosyası gerekmiyor. UnoCSS daha hızlı ama Tailwind'in topluluğu daha büyük ve IDE desteği daha iyi.
shadcn/ui
shadcn/ui farklı çalışıyor. Bileşenler senin proje dosyalarına kopyalanıyor. Sana ait. İstediğin gibi değiştirebilirsin. Sürüm uyumsuzluğu yok. Beklenmedik değişiklik yok. Erişilebilirlik için Radix UI üzerine kurulu.
React Router
React Router, React için en yaygın kullanılan sayfa yönetim aracı. 2014'ten beri var. Çok güvenilir. Bol kaynak mevcut. TanStack Router'ın TypeScript desteği daha iyi ama React Router daha olgun.
TanStack Query
TanStack Query, API istekleri için en iyisi. Verileri önbelleğe alıyor. Arka planda güncelliyor. Geliştirici araçları var. Çoğu durumda SWR'dan daha iyi.
Zod
Zod, verilerin doğruluğunu çalışma anında kontrol ediyor. TypeScript ile mükemmel çalışıyor. 78+ kütüphane entegrasyonu var. Çok popüler.
Valibot'u Takip Ediyoruz
Valibot yeni bir doğrulama kütüphanesi. Zod'dan %90 daha küçük (1.37 KB - 17.7 KB). Aynı kullanım şekli. Ekosistemi büyüdüğünde geçiş yapabiliriz. Şimdilik daha fazla entegrasyona ve dokümantasyona sahip Zod kullanıyoruz.
ESLint + Prettier
ESLint hataları buluyor. Prettier kodu düzenliyor. Birlikte kodunu temiz tutuyor.
Biome'u Takip Ediyoruz
Biome yeni bir araç. ESLint + Prettier'ın işini yapıyor ama 20 kat daha hızlı. İki yerine tek araç. Dört yerine tek ayar dosyası. İleride geçiş yapabiliriz. Şimdilik ESLint + Prettier kullanıyoruz çünkü:
- ESLint'in 1000+ eklentisi var
- Biome %80 eklenti desteği sunuyor
- ESLint için daha fazla kaynak ve yardım mevcut
Biome olgunlaştığında geçişi değerlendireceğiz.
Vitest
Vitest, Vite projeleri için tasarlanmış. Jest'ten 10-20 kat hızlı. Jest ile aynı kullanım, öğrenmesi kolay. Vite projeleri için açık ara en iyi seçenek.
Husky
Husky, commit öncesi kontroller çalıştırıyor. Hatalı kodun projeye girmesini engelliyor. Haftalık 15M+ indirme ile çok popüler.
Gelecek Planları
Sürekli yeni araçları değerlendiriyoruz. Takip ettiklerimiz:
| Şu An | Takipte | Neden |
|---|---|---|
| ESLint + Prettier | Biome | 20 kat hızlı, tek araç |
| Zod | Valibot | %90 daha küçük boyut |
| Husky | Lefthook | Paralel çalışma, %50 daha hızlı |
| React Router | TanStack Router | Daha iyi TypeScript desteği |
Hızdan önce güvenilirliği tercih ediyoruz. Bu alternatifler olgunlaştığında değerlendireceğiz.