🔴React Context İle Detaylı State Yönetimi - Context API En Basit Anlatım📌

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ก.ย. 2024
  • 🔴React Context İle Detaylı State Yönetimi - Context API En Basit Anlatım📌
    ➤ Yeni bir eğitim serisi ile React öğreniyoruz. Kendi öğrenme ve gelişim serüvenimi anlatacağım bu seride React Temellerini en basit haliyle çok fazla teknik terim karmaşasında boğmadan anlatma çabasında olacağım.
    ➤ Bu seri özellikle bir javascript kütüphanesi neden kullanmalıyız ve bunu kullanmanın yöntemi nedir gibi temel temalar üzerine sıkmadan kısa videolarla yapmaya çalışacağım.
    ➤ Aşağıda bu video'da değindiğimiz bazı konular bulunmaktadır.
    ● React 2022
    ● React Context
    ● React createContext
    ● React useContext
    ● React state yönetimi
    ● React Context Yapısı
    ● React Context nedir
    ● React Context hook
    ● React Context best practice
    ● React Context API
    ● React GlobalData oluşturma
    ● React Veri Merkezi
    Ayrıcalıklardan yararlanmak için bu kanala katılın:
    / sosyal bİlİŞİm
    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
    ❤ ABONE Olmak için Tıkla! :www.youtube.co...
    İzlemeniz Gereken Yararlı Videolarımız!
    ➤ HTML Dersleri : • HTML TEMEL DERSLERİ
    ➤ CSS Dersleri : • CSS Temel Dersler
    ➤ Bootstrap 5 Dersleri: • Bootstrap 5 ile Web Ta...
    ➤ SPSS Dersleri : • SPSS Dersleri
    ➤ Javascript Dersleri : • JAVASCRIPT TEMEL DERSLERİ
    ➤ Javascript Uygulamalar : • JAVASCRIPT UYGULAMALAR
    ➤ JQUERY Uygulamalar : • JQUERY UYGULAMALAR
    ➤ Teknik-Servis Donanım : • TEKNİK SERVİS - DONANIM
    ➤ Basit HTML-CSS Uygulamaları : • BASİT HTML-CSS SİTE UY...
    Sosyal Medya Hesaplarımız
    ☛ İnternet Sitemiz:
    ☛ İnstagram: / sosyalbilisim79
    ☛ Twitter: / bilisimsosyal
    ☛ Facebook : / sosyalbilisim79
    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
    #react #Context #reacthook

ความคิดเห็น • 30

  • @xn83l220
    @xn83l220 2 ปีที่แล้ว +2

    Bu konuyu en basit anlatan video olmuş. Tebrikler

  • @arjinpella6071
    @arjinpella6071 ปีที่แล้ว

    bir konuyu ilk esnada basitçe anlatan insanlar öğretmen kabiliyetindedir. teşekkürler hocam

    •  ปีที่แล้ว

      Teşekkürler 🖐️

  • @serkansahin3615
    @serkansahin3615 8 หลายเดือนก่อน

    Çok basit ve mükemmel bir anlatım ağzınıza sağlık hocam

  • @RamanBayramov
    @RamanBayramov 9 หลายเดือนก่อน +1

    Cok guzel , basit anlasilabilir. Emeginize saglik hocam. Azerbaycandan salamlar..

    •  9 หลายเดือนก่อน

      Ve aleyküm selam 🖐️

  • @seyfullahozcan1985
    @seyfullahozcan1985 ปีที่แล้ว

    Bayağı güzel anlatmışsınız hocam teşekkür ediyoruz. Context ile alakalı aklımda hiçbir soru işareti kalmadı👍

  • @vedatsozen
    @vedatsozen ปีที่แล้ว

    Videoyu baştan sona keyifle izledim. Daha önce de izlemişim sanırım. Beğenmişim çünkü. Bir hayli faydalı oldu. Artık biraz pratik yapma zamanı. Tek bir noktadan bütün componentlere veri gönderme açısından güzel. Bu şekilde artık bütün componentlerdeki verileri tek bir Context.js içinden almamız mümkün olacak ve aynı veriyi mesela birden fazla component te de istediğimiz gibi kullanabileceğiz. Tabi useState le ve ya reducer la beraber kullanmayı da öğrenmek lazım ki veriler değiştikçe context.js içinde de o verinin değişmesini sağlayıp bütün ilgili componentlerde de o verirnin değişmesini sağlamak çok güzel olur diye düşünüyorum bunu üzerine pratik yapayım ben en iyisi. Teşekkürler tekrar video için.

    •  ปีที่แล้ว

      Rica ederim kolay gelsin 🖐️

  • @enescengiz-re6cu
    @enescengiz-re6cu 5 หลายเดือนก่อน

    Hocam, iyi günler! Öncelikle emeğiniz için teşekkürler. Ders bence daha iyi olabilirdi, yani kendinizi önceden biraz alıştırma yaparak nerede ne olması gerektiğini falan araştırsaydınız daha güzel bir ders çıkacağına inanıyorum. Konu birden, mesela className'ye vs. başka şeylere kayabiliyor, bu da ister istemez odak dağıtıyor ve anlamayı zorlaştırıyor. Bunlara dikkat ederseniz sevinirim.

  • @gulsahkaraarslan4878
    @gulsahkaraarslan4878 ปีที่แล้ว

    ders anlatımı çok iyi hocam basit ve anlaşılır elinize sağlık

  • @oguzhanberk9003
    @oguzhanberk9003 ปีที่แล้ว

    hocam eline emeğine gönlüne sağlık...teşekkürler

  • @vancog9331
    @vancog9331 2 ปีที่แล้ว +1

    Hocam burada 11:39 o GlobalProvider tarafından sarmaladığınız Header componentinin çocukları da o verileri alabilir değil mi?
    Bir de React'i geliştiren ekibin, Context'in componentlerin yeniden kullanımını etkilediğini ve bu yüzden çok fazla kullanılmamasını söylediklerini duymuştum. Siz ne dersiniz?

  • @mahirmmmdov7685
    @mahirmmmdov7685 2 ปีที่แล้ว +1

    Hocam cok iyi bir ders 👍

  • @tubadm
    @tubadm 2 ปีที่แล้ว +1

    çok iyi anladım teşekkürler hocam

  • @pollux_youtubehd1558
    @pollux_youtubehd1558 ปีที่แล้ว

    Çok iyi ders Teşekkürler hocam🎉

  • @fatmacn724
    @fatmacn724 ปีที่แล้ว

    çok iyisiniz hocammm

  • @vedatsozen
    @vedatsozen ปีที่แล้ว

    Component aynı olacak ama her bir componentteki veriler farklı olacak. Normal props sisteminde bunu App js içinde her bir componente farklı bir value vererek yapıyorduk peki context Api de bu nasıl olacak. Card1 Card2 Card3 şeklinde her birine ayrı isim de vermek istemiyorum.

  • @MustafaKOSMAZ-ye9nv
    @MustafaKOSMAZ-ye9nv ปีที่แล้ว

    teşekkürler

  • @bilim_yoluu
    @bilim_yoluu ปีที่แล้ว

    Çok teşekkür ederim

  • @NSKisHERE
    @NSKisHERE 6 หลายเดือนก่อน

    Video iyi hoş da 1 konuyu işlemeye çalışırken 50 farklı şeyle daha uğraşıyorsunuz pek de kısa olmamış video

  • @cihanyuksel3460
    @cihanyuksel3460 2 ปีที่แล้ว +1

    Kayıt ettikten sonra veriler editörde belli bir düzene giriyor. Nasıl yapılıyor o?

    • @tubadm
      @tubadm 2 ปีที่แล้ว +1

      control space enter diyor videoda denemedim ama denersen söyler misin

    • @tubadm
      @tubadm 2 ปีที่แล้ว +1

      o eklenen etiketin sonuna gelip yapacaksın

    • @soyluemre
      @soyluemre ปีที่แล้ว +1

      Sanırım Prettier'den bahsediyorsunuz. VS Code eklentisi. Vs Code'un Extensions sekmesinden indirip kullanabilirsiniz. Ctrl+S yapıp kaydedince kodları otomatik bir düzene sokuyor.

    • @fatmakaradag9669
      @fatmakaradag9669 ปีที่แล้ว

      @@tubadm ctrl + space + enter kombinasyonunu komponenti otomatik import yapmak için söylüyor.

    • @gulsahkaraarslan4878
      @gulsahkaraarslan4878 ปีที่แล้ว

      prettier hocam o vscode eklentisi vs code den kurun onu format document with diye sağ tıklayınca da çıkar yada ctrl+s yapınca da düzenleyebilir

  • @anarquliyev7875
    @anarquliyev7875 3 หลายเดือนก่อน

    Alekum ƏsSələm

  • @onurturkay1093
    @onurturkay1093 ปีที่แล้ว

    arapsaçına döndü bu konu a q