React, interaktif kullanıcı arayüzü geliştirmeyi zahmetsiz hale getirir. Esnek, güçlü ve verimlidir. Küçük ve basit bileşenler tasarlayarak, karmaşık yapılar inşa edebilmemize olanak tanır. Sanal DOM ile son kullanıcılara çok daha hızlı akış hissettiren yazılım kalıpları sağlar. Modüler mimaride, daha öngörülebilir bir kod ile daha kolay test edilebilir hata ayıklamaya izin veren bir yapı sunar.
Bu kitap da, React’ın sadece nesne adlarını, yöntemlerini veya bir takım API’lerini sözlük gibi plaza dili ile açıklamaya çalışmaz. Daha ziyade, temelden en üst kata kadar bütün özellikleri ile sektörden örneklerle uygulamalı olarak yol gösterir, güncel tekniklerle pratik yapmanızı sağlar. React öğrenmeniz için gereken ise; az da olsa HTML5, CSS ve JavaScript biliyor olmanızdır. Her bölüm, bir önceki bölümden öğrenilenlere dayanmaktadır. Böylece her bölümde daha da gelişerek, React’ı kolay ve eğlenceli bir şekilde kullanmayı öğrenmenizi hedefler.
Module’ler ile Çalışmak, import ve export İşlemleri
Geliştirme Ortamının Hazırlanması
React ile İlgili Temel Kavramlar
Virtual DOM Kavramı
JSX Sözdizimi
One Way Binding
Doğrudan HTML5 İçinde React Kullanımı
NPX Reposu ile React Projesi Başlatmak
React Projesinin Ayağa Kaldırılması
React Dosya Mimarisi
Component’ler (Bileşenler), Türleri ve İç İçe Kullanımları
Kodları Parçalara Bölerek Component’lere Dönüştürmek
Modüler CSS
CSS ve SASS Kullanım Teknikleri
React CSS Framework’leriyle Entegrasyon
State Kullanımı ve Yerel Veri Tutmak
Asenkron State Güncellemek
Props ile Component’lere State Taşımak
Varsayılan Props Değerleri
Props Doğrulama (Validation)
Üst Component Fonksiyonlarına Erişmek
React Log Mesajları ve Çözümleri
Listemeler ve Anahtarlar
Koşullu Render Yöntemleri
Formlarla Çalışmak ve Veri Doğrulamak
Formu Göndermek (Submit)
Veri Doğrulama Yöntemleri
React Bootstrap CSS Modülü ile Çalışmak
React Bootstrap Modülü ile Çalışmak
Component Yaşam Döngüsü (LifeCycle) ve Kullanımları
ref ile DOM Erişimi ve ref Yönlendirmek
jQuery Modülü ve DOM Hedeflemek
Portal’lar ile Farklı Kapsamlarda Çalışmak
React Router Modülü ve Yönlendirmeler
Router Hooks (Kancalar)
<BrowserRouter /> ve <Switch /> Component’leri
<Link />, <NavLink /> ve <Route /> Component’leri
history (Geçmiş) API
Adım Adım SPA Projesi Geliştirmek
SPA ve Google Analytics Entegrasyonu
Gezinme Analizi Sonuçları
Dil Desteği için i18n Modülü Kullanmak
Axios Modülü ile Sunucu İstekleri Yapmak
Asenkron (async - await) İstekler
C.R.U.D. Metotlarının Kullanımı ve Header Parametreleri
Hooks ile Class Yazmadan State ve React Özelliklerini Kullanmak
State Hook: useState()
Efekt Hook: useEffect()
Context API Ortak State Kullanmak
Context API Uygulama Örnekleri
Next.js ile Sunucu Taraflı Render (SSR)
SSR Mimarisiyle SPA Mantığı ile Sayfaları ve Bileşenleri Hazırlamak
SSR Uygulama Dağıtımı (Deployment)