React Context API ve Hooklar | Part 1

React ile Redux ya da MobX karmaşına girmeden Uygulama Geliştirin
Rating: 4.6 out of 5 (13 ratings)
1,964 students
React Context API ve Hooklar | Part 1
Rating: 4.6 out of 5 (13 ratings)
1,964 students
React
React Context API
React Hook Yapıları
Sıfırdan React İle Uygulama Geliştirme

Requirements

  • Temel seviyede React bilgisi
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 Seriyi partlar halinde yayınlanmıştır.

Who this course is for:
  • Front-End developer
  • Arayüz Tasarımcısı
  • Başlangıç Seviye React Geliştiricisi
  • Web Developer
Course content
3 sections • 12 lectures • 1h 50m total length
  • Giriş
    03:32
  • Proje Oluşturma ve Temel Bileşenler
    14:41
  • Proje Oluşturma ve Temel Bileşenler - 2
    10:21
  • Bileşenleri Ayırma ve Veri Aktarma
    10:11
  • EventListener ile Klavyeden Gelen Komutları Yakalama
    12:49
  • Girilen Metni Kontrol Etme
    10:35
  • Girilen Metni Kontrol Etme - 2
    12:23
  • Girilen Metni Kontrol Etme - 3
    13:03
  • Skor Kartlarını Oluşturma ve CSS Düzeltmeleri
    12:35
  • Context Nedir?
    02:26
  • Context Oluşturma
    07:15
  • Videoların Devamı Hakkında
    00:11

Instructor
Bilgisayar Mühendisi
Mehmet Ali Fırat
  • 4.5 Instructor Rating
  • 44 Reviews
  • 4,027 Students
  • 5 Courses

Lisans Eğitimimi 2015 Erciyes Bilgisayar Mühendisliği bölümünden mezun olarak tamamladım ve şimdilerde Abdullah Gül Üniversitesinde Yüksek Lisans yapmaktayım. Aynı zamanda 2015 yılından beri Full-stack Yazılım Mühendisi olarak aktif olarak çalışmakta ve Masaüstü ve Web Uygulamaları geliştirmekteyim. Yeni teknolojiler öğrenmeyi, öğrendiğini kullanmayı ve kullandırtmayı seven birisiyim; bundandır ki basit cevaplar bekleyen sorulara uzun uzun yeni teknolojilerden bahseder, bu teknolojileri öğretmeye çalışırım etrafımdaki insanlara. Her ne kadar yeni teknolojiler ve üzerine konuşması ve çalışması keyifli güzellikler olsa da bir de ilk göz ağrılarımız başımız sıkıştığında sığındığımız klasiklerimiz vardır. Ben de sıkı bir C# geliştiricisi olarak uygulamaların çoğunu bu dilde geliştirmiş olsam da pek çok kez de hızlıca ve pratik çözümler ortaya koymak için kendimi eli-kolu her şeye uzanan Python'un kapısında buluyorum. Tabi web uygulamalarım için yeni gözdem React ve React Native ile de mobil uygulama ortamı için de küçük de olsa projeler geliştirmekteyim.