React Context API ve Hooklar | Part 3

React ile Redux ya da MobX karmaşına girmeden Uygulama Geliştirin

Ratings: 5.00 / 5.00




Description

Her şeyden önce nasıl bir uygulama yapacağımızı görmek isterseniz:

https://yaztest-rch.web.app/

adresine giderek uygulamayı test edebilirsiniz.


React ile uygulama geliştirmenin en önemli kısmı Durum Yönetimi(State Management)dir. Çoğu zaman bileşen seviyesinde Durum verileri kullanarak bileşenlerimizi yönetmeye çalışsak da uygulama genelinde birden fazla bileşenin kullandığı veriler vardır. İşte bu verileri merkezi bir yerden yönetmek React Geliştirme sürecinin en uğraştırıcı ve çoğu zaman kafa karıştırıcı kısmı olmuştur. Bu karmaşayı azaltmak adına Redux ve MobX gibi paketler geliştirilmiş, pek çok soruna çözüm getiriyor olsalar da ortada bir sorun var; yapılarını anlamak, anlayınca da uygulamak epey zahmetli olabiliyor. React geliştiricileri bu soruna çözüm olmak adına yeni bir çözüm getirdiler:

React Hooks!

Peki nedir bu React Hooks? Aslında yardımcı fonksiyonlara verilen bir isim. "useState", "useContext", "useEffect" gibi ön tanımlı Hook Fonskiyonları olmakla birlikte kendi Hook metodlarımızı da geliştirebiliyoruz ama bu kursta sadece ön tanımlı olanlardan bahsedeceğim. Ön tanımlılara dönecek olursak Fonksiyon Tipte bileşenlerde state kullanımı ya da yaşam döngüsü metodları kullanabilme, doğrudan reducer bloklarına erişebilme, context oluşturma, contextlere erişebilme gibi işleri hızlı ve sancısız yapmamızı sağlıyorlar.

Peki ya State(Durum) Yönetimi?

İşte bu hook metodlarından ,useContext ve useReducer metodları bir veri kümesi oluşturmak ve herhangi bir bileşen içerisinden ulaşabilmek gibi işlemleri bir kaç satır ile yapmamızı sağlıyor tabi bu "bir kaç satır" ifadesi hali hazırda Redux ya da MobX ile uyguluma geliştirmiş olanlar için bir çağrışım yapıyordur.


Sözü daha fazla uzatmadan en iyisi eğitime geçelim.


NOT: Yeni Udemy yönetmeliğine göre Ücretsiz Eğitimler 2 saatten fazla olamayacak. Bu nedenle Eğitim Videoları partlar halinde yayınlanmıştır.

What You Will Learn!

  • React
  • React Context API
  • React Hook Yapıları
  • Sıfırdan React İle Uygulama Geliştirme

Who Should Attend!

  • Front-End developer
  • Arayüz Tasarımcısı
  • Başlangıç Seviye React Geliştiricisi
  • Web Developer