
Ben kimim? React Nedir? Kursta Ne öğreneceğiz?
React'ın nasıl çalıştığı hakkında kısa bir bilgi verildi.
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.
Bu eğitim serisinde birazcık HTML, o kadar olmasa da CSS ve eser miktarda JavaScript bilgisine sahip olan, mevcut bilgileri ile yeni teknolojilerden biri olan React.js frameworkünü öğrenip daha hızlı ve efektif uygulama arayüzleri geliştirmek isteyen ama nereden başlaması gerektiğini bilmeyen ya da tekrar tekrar To-Do uygulaması yapmaktan sıkılmış kişiler için hazırlanmıştır.
Eğitim serisi boyunda iki farklı uygulama geliştirerek React'ın temellerini öğreneceğiz. Daha sonra bu öğrendiğimiz temellerin üzerine gelişmiş yardımcı kütüphanelerden olan ve durum(state) yönetimini kolaylaştıran ama ilk başta anlaşılması bir miktar güç olan Redux kütüphanesi hakkında konuşup projelerimizde kullanacağız ve bu sayede ileri seviye react uygulama geliştirebilecek seviyeye gelmiş olacağız.
Eğitim serisi boyunca videoları kısa ve anlaşılır tutmaya özen gösterdim ki umarım izlerken sıkılmazsınız ve kafa karışıklığı olmaz. Projeler ile ilgili yazdığım her kodu, özellikle de kritik olan kısımları, kayıt esnasında yazmaya çalıştım. Böylelikle umuyorum ki benimle birlikte siz de kodlarınızı yazarken çalışması gereken anda projeniz çalışır ve motivasyon kaybı yaşamazsınız.
Sözü daha fazla uzatmadan;
İyi Seyirler, İyi dersler!