zeycangurer/react-bootcamp-notlari

React'e yeni başlayanlar için bootcamp notları

React Bootcamp Notları

• Gün 1 - Ders Notları - Okumak için tıklayın >
  • React Nedir?
  • Node.js Kurulumu
    • Node.js ile js dosyalarını çalıştırmak
  • NPM (Node Paket Yöneticisi)
  • package.json Dosyası
    • package.json Dosyası Oluşturmak
    • package.json içinde kullanılacak değerler
  • ES6 Yenilikleri
    • Arrow (Ok) Fonksiyonu
    • Modül Yapısı
    • Callback ve Callback Hell
    • Promise kullanımı
    • Async/Await Kullanımı
    • spread ve rest operatörleri
    • Destructuring
    • Higher Order Fonksiyonlar (Yüksek Mertebe)
      • includes() metodu
      • map() metodu
      • filter() metodu
      • reduce() metodu
      • find() metodu
      • findIndex() metodu

---

• Gün 2 - Ders Notları - Okumak için tıklayın >
  • Terminal
  • React Kurulumu
  • React Proje Yapısı
  • JSX
  • Component Yapısı
    • props Kullanımı
      • children Prop'u
    • Ortam Değişkenleri
    • State Kavramı
    • Koşullu Render
    • Tekrarlanan Elemanlar
    • key Prop'u
    • propTypes ile Tip Kontrolü
    • Form Elemanlarıyla Çalışmak
      • Input
      • Textarea
      • Select
      • Checkbox
      • Radio
    • Component Yaşam Döngüsü (Life Cycle)
  • Fragment Kullanımı
  • craeteElement() Kullanımı
  • useRef() Kullanımı
  • forwardRef() Kullanımı
  • useReducer() Kullanımı
  • Memoization
    • memo() Kullanımı
    • useMemo() Kullanımı
    • useCallback() Kullanımı
  • Context Yapısı
    • Kullanımı
    • Daha İyi Kullanımı

---

• Gün 3 - Ders Notları - Okumak için tıklayın >
  • Fetch API
  • React Router
    • Kurulum
    • Nested ve Dinamik Route
    • index Route - Outlet
    • useParams() ile Parametrelere Erişmek
    • "404 - Sayfa Bulunamadı"
    • Link Componenti
    • NavLink Componenti
    • Outlet Componenti
    • Navigate Componenti
    • useLocation() Hooku
    • useNaviate() Hooku
    • useResolvedPath() Hooku
    • useRoutes() Hooku
    • useSearchParams() Hooku
    • generatePath() Metodu
  • React Helmet ile SEO
  • Formik ile Form İşlemleri
    • Kurulum
    • Kullanım
    • useField() ile Custom Componentler
    • Yup ile Validasyon

---

• Gün 4 - Ders Notları - Okumak için tıklayın >
  • Redux Toolkit ile Global State Yönetimi
    • Kurulum
    • Kullanım
    • Component Dışında State'lere Erişmek ve Kullanmak
  • React Query ile İstekleri Global Olarak Yönetmek
    • Kurulum
    • Kullanım
    • Sorgular
    • Sorgu Key'leri
    • Sorgu Fonksiyon Değişkenleri
    • enabled ile Sorgu Bekletme
    • refetchOnWindowFocus ile Sorgu Tazeleme
    • retry ile Hata Denemesi
    • keepPreviousData ile Önceki Veriyi Tutmak
    • invalidateQueries ile Sorguları Geçersiz Kılmak
    • Mevcut Dataya Yenisini Eklemek
    • Mutation
    • broadcastQueryClient ile Tab/Pencere Arası Senkronizasyon
  • React i18next ile Dil Sistemi
    • Kurulum
    • Kullanım
    • Dil Dosyalarını Ayırmak
    • Varsayılan Tarayıcı Dilini Tespit Etmek
    • Çevirilere React Componentleri Dışında Erişmek
    • withTranslation() HOC
    • Interpolation