FrontEnd Developer Road Map

React Tutorial 2023 49 – useContext Hook’u 3 – Context API Nedir?

Merhabalar.

useContext Hook’unun kullanımına geçmeden önce son bir kavram kaldı o da Context API mantığını anlamak.

React Context API, React uygulamalarında veri paylaşımını kolaylaştıran bir kavramdır. Bu API, bir bileşen ağacı içinde paylaşılan verilere erişimi sağlar, böylece verileri props (özellikler) aracılığıyla bir bileşenden diğerine iletmek zorunda kalmazsınız.

React uygulamalarında, genellikle verileri bir üst bileşenden diğer alt bileşenlere iletmek amacıyla props kullanılır. Ancak, uygulama büyüdükçe ve veri iletilmesi gereken bileşen sayısı arttıkça, bu yöntem yönetilemez hale gelebilir. İşte burada Context API devreye girer.

Context API, bir tür global depo gibi düşünülebilir. Bunu kullanarak, belirli bir bileşenin altındaki tüm bileşenlere erişebilecekleri bir konteyner sağlayabilirsiniz. Bu, özellikle uygulama genelinde paylaşılan durum bilgileri gibi verilerin yönetimi için kullanışlıdır.

Context API, createContext, Provider, ve Consumer olarak adlandırılan üç ana bileşeni içerir. createContext ile bir bağlam oluşturulur, Provider ile bu bağlamı kullanarak paylaşmak istediğiniz verileri belirli bir bileşen ağacında paylaşırsınız ve Consumer ile bu verilere erişebilirsiniz.

Bu sayede, veriyi props zinciri boyunca iletmek zorunda olmadan, herhangi bir bileşenin ihtiyaç duyduğu verilere erişebilirsiniz. Context API, özellikle tema, oturum durumu veya kullanıcı yetkilendirmesi gibi global durumların yönetimi için kullanılır.

Mantığı anladıysak bir sonraki yazımda görüşmek üzere. Uygulamalı olarak daha detaylı ele alacağım.

Murat Bilginer

21 Şubat 1992'de doğdum. Endüstri Mühendisi olarak lisansımı 2016 yılında tamamladım. Industryolog Akademi - NGenius oluşumlarının kurucusuyum. Şu anda kendi şirketim Brainy Tech ile Web ve Mobil Geliştirme, AWS, Google Cloud Platform Sistemleri için DevOps, Big Data Analiz ve Görselleştirme hizmetleri sunmakta ve Online Eğitimler vermekteyiz.

Share
Published by
Murat Bilginer

Recent Posts

Kedimiz Oly & FIP Süreci 9 – 1 Haftalık GS İğnesi Serüveni – Oly İyileşiyor mu?

Selamlar, bu yazımda Oly'nin 1 hafta boyunca olduğu GS iğnesi, yaşanan değişimleri anlatmaya çalışacağım. PCR…

2 gün ago

Kedimiz Oly & FIP Süreci 8 – Yeniden Hayvan Hastanesi – Sonuç Kontrolü ve Sonrası…

Selamlar, bu yazımda Hemogram ve Biyokimya sonuçlarımızı göstermek için İÜCHH'ne tekrar gidişimizi ve sonrasını anlatacağım.…

2 gün ago

Kedimiz Oly & FIP Süreci 7 – GS İğnesine Başlama Kararımız ve Oly’de Dikkat Ettiklerimiz

Selamlar, bu yazımda GS iğnesine başlama kararımızı ve Oly’de bu süreçte nelere dikkat ediyor, neler…

2 gün ago

Kedimiz Oly & FIP Süreci 6 – İstanbul Üniversitesi Cerrahpaşa Hayvan Hastanesi Serüveni ve Sonrası

Selamlar, bu yazımda İÜCHH'deki tedavi sürecimiz ve sonrasında yaşananlardan bahsetmeye çalışacağım. 20.06.2025 Cuma günü saat…

3 gün ago

Kedimiz Oly & FIP Süreci 5 – Teşhisten Önce Biz… Veterinerimize Güvenebilir Miydik?

Eve Dönüş ve İlk Şüpheler 18 Haziran Perşembe saat 23 sularında İstanbul’daki evimize giriş yaptık.…

4 gün ago

Kedimiz Oly & FIP Süreci 4 – Antalya’ya Yolculuk – Bir Şeyler Ters Gidiyor… & İstanbul’a Geri Dönüş

9 Haziran Pazartesi günü Aydın’daki sürecimiz bitti ve Antalya yolculuğumuz başladı. Saat 11 gibi yola…

4 gün ago