Cohorts

React

RRRRRR
13,296 learners joined

Description

React, kullanıcı arayüzü oluşturmak için bir JavaScript kütüphanesidir.Web programlama dünyasına başlamak istiyorsanız React en iyi seçeneklerden biri olacaktır. Bu eğitimle sağlam bir temel atacaksın. Real Dom, Virtual Dom, callback function, component, prop types, array states, react hooks, fetching, formik, memoization, context api, testing, publishing, deploy....

Lessons

Giriş

11 lessons
  1. React Nedir? Ne Zaman İhtiyaç Duyarız?
  2. Real Dom / Virtual Dom
  3. IDE / Text Editor Seçimi
  4. Node.JS Kurulumu
  5. Temel Node.JS
  6. ES6 Modül Sistemi
  7. Callback Functions / async-await
  8. Promises
  9. Array Functions
  10. Giriş-Bölüm Sonu Kazanımları
  11. Ödev

Components

7 lessons
  1. Bir React Projesini Ayağa Kaldırmak (create-react-app)
  2. Component Nedir?
  3. Component Oluşturmak/Kullanmak
  4. JSX ve Temel Kuralları
  5. Componentlerde Değişken Render Etmek
  6. Koşullu Render İşlemi
  7. Components-Bölüm Sonu Kazanımları

Props

9 lessons
  1. Props Nedir? Nasıl Kullanılır?
  2. Döngülerde "key" Prop'u
  3. React Developer Tools
  4. Prop Types
  5. Prop Types: isRequired
  6. Prop Types: oneOfType
  7. Prop Types: shape
  8. Default Props
  9. Props-Bölüm Sonu Kazanımları

States

7 lessons
  1. State Nedir? Nasıl Oluşturulur?
  2. Array States
  3. Object States
  4. Sayaç Uygulaması
  5. Re-Render Mantığını Anlamak (React vs jQuery)
  6. Input için State Tanımı Yapmak
  7. States-Bölüm Sonu Kazanımları

Lifecycle

3 lessons
  1. useEffect
  2. Component Unmount
  3. Lifecycle-Bölüm Sonu Kazanımları

Contacts App

7 lessons
  1. Ne Geliştireceğiz?
  2. Form Component'inin Geliştirilmesi
  3. Kayıtların Listelenmesi
  4. Filtreleme İşlemi
  5. Stil Tanımlarının Yapılması
  6. Contacts App-Bölüm Sonu Kazanımları
  7. Ödev

Stillendirme Temelleri

2 lessons
  1. Stil Tanımı Yapmak
  2. Module CSS

Fetching

2 lessons
  1. Native Fetch
  2. Axios

Routing

7 lessons
  1. Kurulum
  2. Exact Prop
  3. URL Parameters
  4. Nesting
  5. NavLink
  6. No Match (404)
  7. Routing-Bölüm Sonu Kazanımları

Formik ile Form Yönetimi

7 lessons
  1. Kurulum
  2. handleSubmit & handleChange
  3. Radio / Checkbox / Dropdown
  4. useFormik
  5. Form Validasyonları - 1
  6. Form Validasyonları - 2
  7. Formik-Bölüm Sonu Kazanımları

Memoization

3 lessons
  1. React.memo
  2. useMemo
  3. useCallback

Context API

9 lessons
  1. Context Nedir?
  2. Context Oluşturmak
  3. Context Provider
  4. Theme Switcher Yapımı
  5. Context Provider Side Effects
  6. Multi Context
  7. Custom Context Hook
  8. Context API-Bölüm Sonu Kazanımları
  9. Ödev

Real Time Çalışan Uygulamalar Geliştirmek

4 lessons
  1. Arayüzün Hazırlanması
  2. Socket Server'a Bağlanmak
  3. Backend'e Veri İletmek
  4. Bir Kanala Abone Olmak

Chat App

7 lessons
  1. Giriş
  2. Chat Context
  3. Temel Bileşenlerin Geliştirilmesi
  4. Backend Bağlantısı
  5. Mesajların İletilmesi
  6. Mesajların Listelenmesi
  7. Feed Scroll

Localization

3 lessons
  1. React Intl - Kurulum
  2. Default Locale
  3. Parametre Geçmek

Testing

4 lessons
  1. Neden Test Yazarız?
  2. React Testing Library - 1
  3. React Testing Library - 2
  4. Ödev

Publishing

4 lessons
  1. create-react-library
  2. Publish İşlemleri
  3. Semantic Versiyonlama
  4. Ödev

Deploy

4 lessons
  1. Surge.sh
  2. Netlify
  3. AWS EC2 Üzerine Deploy İşlemleri
  4. Deploy-Bölüm Sonu Kazanımları

E-Commerce App

23 lessons
  1. Uygulama Tanıtımı
  2. Backend'e Genel Bakış
  3. Chakra UI Kurulumu
  4. Products Ekranının Hazırlanması
  5. React Query
  6. React Query Dev Tools
  7. Ürün Detay Sayfasının Geliştirilmesi
  8. useInfiniteQuery
  9. Kullanıcı Kayıt İşlemleri - 1
  10. Kullanıcı Kayıt İşlemleri - 2
  11. Kullanıcı Kayıt İşlemleri - 3
  12. Kullanıcı Kayıt İşlemleri - 4
  13. Çıkış İşlemleri
  14. Protected Routes
  15. Login İşlemleri
  16. Sepete Atma İşlemleri - 1
  17. Sepete Atma İşlemleri - 2
  18. Sipariş Oluşturma İşlemleri
  19. Admin: Routing İşlemleri
  20. Admin: Order Sayfası
  21. Admin: Products Sayfası
  22. Admin: Product Update İşlemleri
  23. Admin: Yeni Ürün Eklemek