learn react ui logoLearnReactUI
React Routing

React Routing

Son dönemde herkesin Routing konusunun önemini çok daha iyi anladığını düşünüyorum. Ekosistemde RSC ile birlikte ençok konuşulan konular arasında. Routing adres çubuğunda yazan URL göre hangi sayfa gözükecek, hangi sekmeye odaklanılacağı belirtsede. Arka planda birçok teknik konuya dokunduğu için Örneğin;

  • Data fetching ,
  • Module loading,
  • Bundler
  • Authentication
  • Authorization

çok iyi anlaşılması ve doğru uygulanması gerekir.

React Core ekibinden ayrılıp Next ekibine katılan ekip ilk önce Next Router yeni baştan yazılmasını istediler ve bu kısmı baştan yazdılar.

React Router Ekibi Remix geliştirdi ve tekrardan Remix yeteneklerini React Router 7 içerisine yedirmeye çalışıyorlar.

TanStack ve ekibi ReactQuery güç sağlamasi için Vite, TansStack Router geliştiriyor .

Özetle Framework geliştiricileri tamamiyle buraya odaklanmış durumda çünkü burası gelecekteki RSC'ninde kurgulandığı kısım olacak.

Bundan dolayı aşağıdaki indeksi bulunan React Routing kitabının anlaşılması ileride React alanında çalışanların çok işine yarayacağı bir kitap.

İçerik

  1. Temel Kavramlar
  2. Routing İle ilgili Web APIʼler
    • History API
    • Location API
    • URL API
    • URL Search Params
  3. React Router Kavramları
    • Router
    • Routes ve Route
    • Link
    • Navigation
    • Outlet
    • Prompt
  4. React Router Pratik
    • Routing Types
      • Basic Routing
      • Nested Routing
    • Adres Tasarımı (URL Design)
      • URL Parameters
      • Search Parameters
      • Hash Parameters
    • Programatic Olarak Sayfa Yönlendirme
    • Routing Sırasında Bileşene Ekstra Prop Geçirme
    • Link Bileşeni veya Program ile Birlikte Ekstra Prop Geçirme
    • Back Button (Geri Düğmesi) Gerçekleştirimi
    • Aktif Durumu Kontrol Eden Şekilde Özelleştirme
    • Make Tab/Menu/Breadcrumb Seçili ve Odaklanmış Gösterme
    • Lazy Loading & Code Splitting
  5. Hata Durumları
    • 404 Pages (Bilinmeyen Adres veya Sayfalar)
    • 404 Sayfalar için Routing ʼde Nasıl Ele Alınır
    • URL/Search/Hash Param Hataları Nasıl Ele Alınır ?
      • Parametreleri Doğru Şekilde Tanımlama
      • Türlerin Doğru Olmadığı Durumlar İçin Validation
      • Türlerin Doğru Ama İlgili Verinini Veritabanında/Sunucuda Olmadığı Durumlar İçin
    • Path Eşleşmelerindeki Belirsizlik Durumlarının Ele Alınması ? Matching Problem
    • İç İçe Sayfalarda URL Tanımlama Yöntemleri Bunların Avantaj ve Dezavantajları
      • Hiyerarşik Yapıyı URL Yansıtma
      • Hiyerarşik Yapıyı Tam Anlamıyla URL Yansıtmama 5.5 Domain Modelindeki Hiyerarşik yapıyı hiç yansıtMama
  6. Authentication - Private, Public Pages
    • Route> Auth, Not Auth ve Role Yetkilerinin Verilmesi
    • Dış linkten iç sayfaya yönlendirildiniz ama login değil iseniz sistem nasıl davranır ?
  7. Authorization
  8. Referanslar