Yeni Başlayanlar için React-Redux Eğitim Serisi

Bu videoda React'ın en önemli nesnelerinden birisi olan state(durum) nesnesini inceliyoruz. State, ilgili bileşen ve alt bileşenlere ait gerekli verileri tutabilir ve gerekliliğe göre değiştirebilmemize olanak sağlar.

Bu derste web sayfasında gerçekleşen tıklama, yazı yazma gibi DOM olayların karşılıklarını ve bu DOM olayları kullanarak State nesnesini güncelleme işlemlerine giriş yapacağız.

Bu derste çevrimdışı bir geliştirme ortamı oluşturulacak. Toolchain olarak adlandırılan bu geliştirme ortamları sıfırdan yapılabileceği gibi hazır scriptler de bulunmakta. bu derste Bunlardan Facebook tarafından sağlanan create-react-app scriptini kullanarak uygulama ortamını hazırlayacağız.

Bu derste bileşenler arasında veri aktarımı yapmamızı sağlayan props nesnesinin kullanımını öğreneceğiz.

Bir uygulama geliştirirken genelde verilerimizi listelerde tutar ve gerekli yerlerde maniple ederek ekranda gösterme, veri tabanına kaydetme gibi işlemlerde kullanırız. Bu derste de liste yapıların react uygulamalarında nasıl kullanılacağına dair giriş yapılacak.

Bu derste Form yapısının nasıl kullanılacağına dair giriş yapılacak.

Bu derste Form yapılarının kullanımını örneklemeye devam ederken spread operatörü sayesinde verilerin nasıl maniple edileceğini göreceğiz.

Bu derste Bootstrap gibi 3. parti bir kütüphanenin react'e eklenmesini göreceğiz.

Bu derste state içerisindeki bir listeden belirli bir elemanın silinmesi işlemini yapacağız.

Bu derste state nesnesi içerisindeki bir listeden belirli bir elemanın güncellenmesi işlemini yapacağız.

Bu derste yönlendirme işlemlerini anlamak adına yeni bir uygulama oluşturacağız ve temel bileşenleri ekleyip gerekli paketleri npm üzerinden eklemeyi ve yönlendirme işlemi yapmayı öğreneceğiz.

Bu bölümde tarayıcı geçmişi(daha doğru çeviri ile tarihi) hakkında bilgi edinip bu geçmiş yapısının bize kazandırdığı bazı yönlendirme metotlarının kullanımını göreceğiz.

Bu derste react modüllerinde sıkça kullanılan zaman zaman da bizim oluşturmamız gereken Yüksek Katmanlı Bileşenleri ve bu bileşen yapısının var olmasını sağlayan Yüksek Katmanlı Fonksiyonları öğreneceğiz.

Bu derste yeni uygulamamız olan Ülkeler uygulamamıza biraz daha açıklık getireceğiz. Gerekli yeni bileşenleri ekleyeceğiz.

Bu derste yönlendirme işlemlerinde parametreler kullanarak veri aktarımı yapmayı ve bu parametreyi kullanmayı öğreneceğiz.

Bu derste bir bileşenin oluşturulma, güncellenme ve ekrandan silinmesi sürecinden bahsedip bu süreçlerin en önemli metotlarını öğreneceğiz.

Bu derste Axios kullanılarak; GET, POST, DELETE gibi HTTP isteklerin javascript tarafından gerçekleştirilip bir REST API'den veri çekilmemesi işlemi öğrenilecek.

Bu derste uygulamamıza arama özelliği eklenerek, arama alanına girilen her bir harf için Ülkeleri filtrelenerek uygun olanları gösterme işlemi öğrenilecek.

Bu derste Redux'un ne olduğu ve nasıl çalıştığı öğrenilecek ve gerekli modüller npm aracılığı ile projeye eklenecek.

Bu derste ortak veritabanımız yani merkezi state nesnemizin bulunduğu bir depo(store) oluşturacak ve bu depo içerisindeki nesnemizi maniple edecek olan reducer adlı fonksiyonları tanımlayacağız.

Bu derste bir bileşen ile store arasında ilişki kurma ve state nesnesine ulaşmasını öğreneceğiz.

Bu derste reducer metodlara aksiyon ve aksiyon ile birlikte işlemesi için kullanacağı verinin gönderilmesi işlemi(payload) öğrenilecek.

Aksiyonlar bileşenin içerisinde yazılabileceği gibi bu aksiyonları tek bir konuma da toplanabilir. Bu derste de gerekli aksiyonları, zaman içerisinde büyüyen projelerde düzenlemek ve kontrol etmesi zorlaşacağı için farklı dosyalarda gruplamayı ve gerektiğinde kullanmayı öğreneceğiz.

Bu videoya kadar gelebilmişsek ne mutlu, umarım sıkıcı olmaktan uzak ve faydalı bir eğitim oluşmuştur. Bu video ile de eğitime genel bir bakış yapıp, neler öğrendiğimizi hatırlayıp eğitimi tamamlamış bulunuyoruz.