React ile Arayüz Geliştirme

React öğrenmeye başlayanların çoğu ilk bileşeni kolayca yazar, sonra state'in nerede duracağı, useEffect'in ne zaman çalıştığı ve verinin bileşenler arasında nasıl dolaşacağı sorularında tıkanır. Bu kurs tam da o soruların üzerine kuruldu. Baştan sona fonksiyon bileşenleri ve hook'lar üzerinden ilerliyoruz; sınıf bileşenleri yalnızca eski kodda karşınıza çıkabileceği için kısaca anılıyor. Projeyi Vite ile kuruyor, npm betiklerini ve klasör düzenini ilk dersten itibaren düzgün bir zemine oturtuyoruz.

Önce JSX, prop ve liste render gibi temelleri, ardından useState ile durum yönetimini ve kontrollü form alanlarını işliyoruz. State'i neden değiştirmeden güncellediğimizi, ortak veriyi hangi bileşene taşıyacağımızı ve tek yönlü veri akışının ne işe yaradığını örneklerle görüyorsunuz. Hooks bölümünde useEffect'in bağımlılık dizisi ve temizleme fonksiyonu, useRef, useMemo ile useCallback ve kendi özel hook'unuzu yazma konuları var. Sonrasında Context ve useReducer ile büyüyen uygulamada veri akışını düzenliyor, hangi aracın hangi durumda uygun olduğunu karşılaştırıyoruz.

Son bölümlerde React Router ile sayfa yönlendirme, dinamik rota parametreleri, API'den veri çekerken yükleniyor ve hata durumlarının yönetimi, liste filtreleme ve form doğrulama yer alıyor. Kapanışta React DevTools ile gereksiz render'ları bulmayı, React.memo ve kod bölmeyi, erişilebilir bileşen yazmayı ve üretim derlemesini statik bir sunucuya yüklemeyi görüyorsunuz. Kursu bitirdiğinizde bileşen ağacını kendiniz tasarlayabilir, veri çeken çok sayfalı bir arayüzü kurabilir ve mevcut bir React projesine katkı verecek düzeye gelirsiniz. Her bölümün sonunda kısa bir değerlendirme yer alır; kurs boyunca da üzerine ekleyerek büyüttüğünüz tek bir örnek proje sizi takip eder, böylece konular birbirinden kopuk kalmaz.