Courses
React
Ecommerce products ekrani
Odak modu
Giriş
React Nedir? Ne Zaman İhtiyaç Duyarız?
Real Dom / Virtual Dom
IDE / Text Editor Seçimi
Node.JS Kurulumu
Temel Node.JS
ES6 Modül Sistemi
Callback Functions / async-await
Promises
Array Functions
Giriş-Bölüm Sonu Kazanımları
Ödev
Components
Bir React Projesini Ayağa Kaldırmak (create-react-app)
Component Nedir?
Component Oluşturmak/Kullanmak
JSX ve Temel Kuralları
Componentlerde Değişken Render Etmek
Koşullu Render İşlemi
Components-Bölüm Sonu Kazanımları
Props
Props Nedir? Nasıl Kullanılır?
Döngülerde "key" Prop'u
React Developer Tools
Prop Types
Prop Types: isRequired
Prop Types: oneOfType
Prop Types: shape
Default Props
Props-Bölüm Sonu Kazanımları
States
State Nedir? Nasıl Oluşturulur?
Array States
Object States
Sayaç Uygulaması
Re-Render Mantığını Anlamak (React vs jQuery)
Input için State Tanımı Yapmak
States-Bölüm Sonu Kazanımları
Lifecycle
useEffect
Component Unmount
Lifecycle-Bölüm Sonu Kazanımları
Contacts App
Ne Geliştireceğiz?
Form Component'inin Geliştirilmesi
Kayıtların Listelenmesi
Filtreleme İşlemi
Stil Tanımlarının Yapılması
Contacts App-Bölüm Sonu Kazanımları
Stillendirme Temelleri
Stil Tanımı Yapmak
Module CSS
Fetching
Native Fetch
Axios
Routing
Kurulum
Exact Prop
URL Parameters
Nesting
NavLink
No Match (404)
Routing-Bölüm Sonu Kazanımları
Formik ile Form Yönetimi
handleSubmit & handleChange
Radio / Checkbox / Dropdown
useFormik
Form Validasyonları - 1
Form Validasyonları - 2
Formik-Bölüm Sonu Kazanımları
Memoization
React.memo
useMemo
useCallback
Context API
Context Nedir?
Context Oluşturmak
Context Provider
Theme Switcher Yapımı
Context Provider Side Effects
Multi Context
Custom Context Hook
Context API-Bölüm Sonu Kazanımları
Real Time Çalışan Uygulamalar Geliştirmek
Arayüzün Hazırlanması
Socket Server'a Bağlanmak
Backend'e Veri İletmek
Bir Kanala Abone Olmak
Chat App
Chat Context
Temel Bileşenlerin Geliştirilmesi
Backend Bağlantısı
Mesajların İletilmesi
Mesajların Listelenmesi
Feed Scroll
Localization
React Intl - Kurulum
Default Locale
Parametre Geçmek
Testing
Neden Test Yazarız?
React Testing Library - 1
React Testing Library - 2
Publishing
create-react-library
Publish İşlemleri
Semantic Versiyonlama
Deploy
Surge.sh
Netlify
AWS EC2 Üzerine Deploy İşlemleri
Deploy-Bölüm Sonu Kazanımları
E-Commerce App
Uygulama Tanıtımı
Backend'e Genel Bakış
Chakra UI Kurulumu
Products Ekranının Hazırlanması
React Query
React Query Dev Tools
Ürün Detay Sayfasının Geliştirilmesi
useInfiniteQuery
Kullanıcı Kayıt İşlemleri - 1
Kullanıcı Kayıt İşlemleri - 2
Kullanıcı Kayıt İşlemleri - 3
Kullanıcı Kayıt İşlemleri - 4
Çıkış İşlemleri
Protected Routes
Login İşlemleri
Sepete Atma İşlemleri - 1
Sepete Atma İşlemleri - 2
Sipariş Oluşturma İşlemleri
Admin: Routing İşlemleri
Admin: Order Sayfası
Admin: Products Sayfası
Admin: Product Update İşlemleri
Admin: Yeni Ürün Eklemek
Coderbyte Challenge
Yorum yapabilmek için derse kayıt olmalısın!