Orta8 hafta8 bölüm · 40 ders · 8 ödev
TanStack Start ile Fullstack
TanStack Router, Query ve Start üçlüsüyle tip güvenli fullstack uygulama kurmayı öğreten program. Tip güvenli dosya tabanlı yönlendirme, arama parametrelerinin durum olarak kullanımı, sunucu fonksiyonları, Query ile önbellek ve hidrasyon, kimlik doğrulama ve yayın. Genç bir çerçeve olduğu için sürüm farklarını izlemek programın bir parçası.
Verilen süreler tahminidir; kurumunuzun saat planlamasına göre revize edilir.
Kime uygun
- · Uçtan uca tip güvenliğine önem veren React geliştiricileri
- · Veri çekme ve önbelleği Query ile yönetmek isteyenler
Ön koşullar
- · React ve TypeScript temelleri
- · Promise/async bilgisi
Müfredat
Router, Query ve Start: kim ne yapar28 dk
Vite tabanlı kurulum ve proje yapısı26 dk
SSR, istemci ve hidrasyon akışı30 dk
Sürüm durumu ve değişiklikleri takip etmek24 dk
Bölüm ödevi: İlk Start uygulaması ve rota iskeleti40 dk
İlk Start uygulaması ve rota iskeletiödev
TanStack Start — Belgelerbağlantı
TanStack Router — Belgelerbağlantı
TanStack Query — Belgelerbağlantı
Dosya tabanlı rotalar ve tipler28 dk
Parametreler ve arama parametreleri26 dk
Arama parametrelerini durum olarak kullanmak30 dk
Layout, loader ve ön-yükleme28 dk
Bölüm ödevi: Süzme ve sıralaması URL'de duran liste45 dk
Süzme ve sıralaması URL'de duran listeödev
TanStack Router — Rota Tipleribağlantı
TanStack Router — Arama Parametreleribağlantı
TanStack Router — Loader'larbağlantı
createServerFn: sunucuda çalışan fonksiyon26 dk
Doğrulama ve tip akışı (Zod)30 dk
Middleware ve bağlam24 dk
Hata yönetimi ve yönlendirme28 dk
Bölüm ödevi: Tip güvenli sunucu fonksiyonlarıyla CRUD50 dk
Tip güvenli sunucu fonksiyonlarıyla CRUDödev
TanStack Start — Sunucu Fonksiyonlarıbağlantı
Zod — Belgelerbağlantı
TanStack Start — Middlewarebağlantı
Sorgu, mutasyon ve önbellek anahtarları26 dk
Geçersiz kılma ve yeniden çekme30 dk
SSR'da prefetch ve hidrasyon28 dk
Optimistik güncelleme26 dk
Bölüm ödevi: Önbellekli ve optimistik güncellemeli pano40 dk
Önbellekli ve optimistik güncellemeli panoödev
TanStack Query — Önbelleklemebağlantı
TanStack Query — SSRbağlantı
TanStack Query — Mutasyonlarbağlantı
TanStack Form: doğrulama ve durum30 dk
TanStack Table: sıralama, süzme, sayfalama24 dk
Sunucu tarafı tablo28 dk
Erişilebilir tablo ve form26 dk
Bölüm ödevi: Sunucu tarafı süzmeli veri tablosu45 dk
Sunucu tarafı süzmeli veri tablosuödev
TanStack Form — Belgelerbağlantı
TanStack Table — Belgelerbağlantı
WAI-ARIA — Tablo Desenibağlantı
Drizzle ile veritabanı30 dk
Oturum ve çerez yönetimi28 dk
Korumalı rotalar: beforeLoad26 dk
Yetkilendirme deseni30 dk
Bölüm ödevi: Kayıt, giriş ve korumalı rotalar50 dk
Kayıt, giriş ve korumalı rotalarödev
Drizzle ORM — Belgelerbağlantı
TanStack Router — Kimlik Doğrulamabağlantı
OWASP — Oturum Yönetimibağlantı
Head ve meta yönetimi24 dk
Streaming SSR ve Suspense28 dk
Kod bölme ve önbellek26 dk
Core Web Vitals ölçümü30 dk
Bölüm ödevi: Lighthouse puanı yüksek içerik sayfaları40 dk
Lighthouse puanı yüksek içerik sayfalarıödev
TanStack Start — SEObağlantı
web.dev — Core Web Vitalsbağlantı
React — Suspensebağlantı
Vitest ve bileşen testi28 dk
Playwright ile uçtan uca test26 dk
Node.js, Netlify ve Cloudflare'e yayın30 dk
Buradan sonra nereye24 dk
Bitirme projesi: Tip güvenli fullstack uygulama: Router, Query, sunucu fonksiyonları ve yayın60 dk
Tip güvenli fullstack uygulama: Router, Query, sunucu fonksiyonları ve yayınödev
Vitest — Belgelerbağlantı
Playwright — Belgelerbağlantı
TanStack Start — Barındırmabağlantı
DersÖdevKaynak
Bu programı kurumunuzun kendi sınıfında, müfredat, ders ve değerlendirme dahil yürütüyorum.
Kurumunuza getirin