Course curriculum

  • 1

    React JS Kursunda Neler Öğreneceksiniz?

    • 1 - Bakalım React JS Kursunda Neler Öğreneceksiniz_
  • 2

    React JS Öğreniyoruz!

    • 2 - React JS_de İlk Uygulama

    • 3 - Sık Sorulan Sorular

    • 4 - Let, Const ve Var Arasındaki Farklar

    • 5 - Node JS Yükleyelim

    • 6 - Create React App

    • 7 - Neden Create React App

    • 8 - Create React App Dosya Yapısı

    • 9 - React Uygulamamızı Nasıl Başlatıp Nasıl Sonlandırırız_

    • 10 - Functional Component
  • 3

    JSX Nedir?

    • 11 - HTML JSX'e Nasıl Dönüştürülür?

    • 12 - JSX'e CSS Özellikleri Ekleme

    • 13 - JSX İçinde Javascript Değişkeni Yazma
  • 4

    React Props

    • 14 - Componentların 3 Temel İlkesi

    • 15 - Blog-Posts Uygulaması İle Props'lara Giriş

    • 16 - Uygulamamıza Semantic UI CSS Kütüphanesini Dahil Edelim

    • 17 - Compontent Oluşturmaya Başlayalım

    • 18 - Component'e Resim Ekleyelim

    • 19 - Yorum Bloğunu Çoğaltalım

    • 20 - Componentları İç İçe Gösterme - Component Nesting

    • 21 - React Props Sistemi

    • 22 - Props ile Child Component'e Data Geçme

    • 23 - Tekrar Kullanılabilir Component Yapısını Öğrenelim

    • 24 - Props Children
  • 5

    Class-Based Components

    • 25 - Class Based Component ve Functional Component Arasındaki Farklar Nelerdir?

    • 26 - Yeni Uygulamamıza Başlayalım

    • 27 - Konum Bilgisi Alma

    • 28 - Asenkron İşlemlere Giriş

    • 29 - Functional Component'i Class Based Component’e Dönüştürelim
  • 6

    React State Sistemi

    • 30 - React State

    • 31 - State'i Constructor Fonksiyonu İçinde Oluşturalım

    • 32 - Yaşam Döngülerine Giriş

    • 33 - JSX Bloklarını Koşullu Render Edelim
  • 7

    React Yaşam Döngüleri

    • 34 - Component Yaşam Döngüleri

    • 35 - ComponentDidMount Metodu ile Uygulamamızı Refactor Edelim

    • 36 - State'i Props Olarak Kullanalım

    • 37 - Ternary Operators

    • 38 - React Projemize Resim Ekleyelim

    • 39 - Uygulamamızı CSS Özellikleri ile Geliştirelim

    • 40 - React Developer Tools

    • 41 - Bu Uygulamada Neler Öğrendik
  • 8

    Input, Form ve Event’ler ile Kullanıcı Girdilerini Yönetme

    • 42 - Oluşturcağımız Uygulamayı İnceleyelim

    • 43 - Component Yapısını İnceleyelim

    • 44 - Uygulamamızı Oluşturmaya Başlayalım

    • 45 - Uygulamamızı Stillendirelim

    • 46 - Event Handler Oluşturalım

    • 47 - Kontrollu ve Kontrolsuz Elementler

    • 48 - Kontrollu ve Kontrolsuz Form Elementleri

    • 49 - React Binding

    • 50 - Child Component'dan Parent Component'a Veri Akışı

    • 51 - Component'lar Arası İletişim
  • 9

    React ile Api’a İstek Atmayı Öğrenelim

    • 52 - React ile Api’a İstek Atma

    • 53 - Axios vs fetch

    • 54 - Axios ile Api'a İstek Atma

    • 55 - Api'dan Gelen Data ile Component'u Render Etme

    • 56 - Api'dan Gelen Veriyi Browser'da Listeleme

    • 57 - Key değeri

    • 58 - Bu Uygulamada Neler Öğrendik
  • 10

    React Router

    • 59 - React Router'a Giriş

    • 60 - React Router

    • 61 - Link ve NavLink

    • 62 - Router Özellikleri

    • 63 - Route Parametreleri

    • 64 - React Router Switch Tag
  • 11

    React Portals

    • 65 - Neden React Portals 1?

    • 66 - Neden React Portals 2?

    • 67 - React Portals Oluşturalım
  • 12

    Redux'a Başlayalım

    • 68 - Redux’a Giriş

    • 69 - Redux Stores

    • 70 - Redux Actions

    • 71 - Redux Reducers

    • 72 - Store Subscriptions

    • 73 - Redux Kurulum

    • 74 - MapStateToProps Fonksiyonu

    • 75 - Kart Oluşturalım

    • 76 - MapDispatchToProps Fonksiyonu 1

    • 77 - MapDispatchToProps Fonksiyonu 2

    • 78 - Action Creators

    • 79 - Redux Thunk Teorik Bilgi

    • 80 - Redux Thunk
  • 13

    Nedir Bu Hooks ve Context?

    • 81 - Context ve Hooks Ne İşe Yarar?
  • 14

    Uygulamamızı Oluşturuyoruz

    • 82 - Uygulamamızı Oluşturuyoruz

    • 83 - Neden Context Api?

    • 84 - Context Provider

    • 85 - Context Provider - 2

    • 86 - Context'de Bulunan Veriye Ulaşalım

    • 87 - Context Consumer

    • 88 - Context Data'yı Güncelleyelim
  • 15

    Birden Fazla Context Kullanımı

    • 89 - Birden Fazla Context Kullanalım

    • 90 - Birden Fazla Context Kullanalım - 2
  • 16

    React Hooks'a Giriş

    • 91 - React Hooks'a Başlıyoruz
  • 17

    Uygulamamızı Oluşturuyoruz

    • 92 - Uygulamamızı Oluşturalım

    • 93 - UseState Hook

    • 94 - UseState ve Form Elemanları

    • 95 - UseEffect Hook

    • 96 - UseContext Hook

    • 97 - Birden Fazla Context Oluşturma

    • 98 - Functional Component İle Create Context
  • 18

    Hooks & Context

    • 99 - Hooks & Context

    • 100 - Hooks & Context ile Yeni todo Ekleyelim

    • 101 - Hooks & Context ile Listeden todo Silelim
  • 19

    UseReducer Hook'unu Tanıyalım

    • 102 - UseReducer Hook'unu Tanıyalım

    • 103 - UseReducer

    • 104 - Reducer Component Yapısı