Oca.20

React (Axios, Hooks, Router, Heroku) ile Reaktif Programlama Kitabı


Web Tasarımı ve Web Programlama kitabımın 8. baskı güncellemesi ile birlikte gelen konulara, eski sürüm kitaplarımı alanlar da rahatlıkla erişebilmesi için (istek ve şikayet üzerine) biraz daha genişletilmiş içerik ile Google Play ve Google Books’ta yayınlıyorum. Bunlardan birincisi Vue, ikinci ebook olarak yayınladığım ise React.

Kitaba Google Play‘den ve Google Books‘tan erişebilirsiniz.

İçerik olarak aşağıdaki konular anlatışmıştır.

React ile İlgili Temel Kavramlar
React Nedir ve Ne Amaçla Kullanılır
Virtual DOM (VDOM, Sanal DOM)
Component (Bileşen)
JSX
One Way Binding (Tek Yön Bağlama)
Geliştirme Ortamının Hazırlanması
Node.js ve Node Package Manager Kurulumu
Visual Code
React Dev Tools Eklentisi
NPX Git Reposu ile İlk Uygulamayı Ayağa Kaldırmak ve Proje Yapısını İncelemek
NPX Kurulumu
create-react-app Reposunu İndirmek
React Projesinin Ayağa Kaldırılması
React Projesinin Dosyalarını İncelemek
Örnek Proje Hakkında
Component’ler ile Çalışmak ve Component’lerde CSS Kullanımı
Fonksiyon Component’lerle (Stateless, Dump) Çalışmak
Class Componet’lerle (Stateful, Smart) Çalışmak
İç İçe Component’ler
State’ler ile Çalışmak
State Objesi Oluşturmak
State Verilerini Arayüzde Göstermek
Form Elemanları ile Çalışmak, Fonksiyonlara Parametre Göndermek ve State Verilerini Güncellemek
props’lar ile Çalışmak
Compoent’lere Props Aktarımı
Varsayılan Props’lar
Props Doğrulama (Validation)
ref (Referans)
Router (Yönlendirmeler)
React Router Modülünü Kurulumu
İç Sayfalarının Şablonlarının Oluşturulması
Yönlendirmeler ve Varsayılan Açılış Sayfasını Tanımlama
Yönlendirmelerde Parametre Gönderimi
Component LifeCycle (Yaşam Döngüsü)
Initialization (Başlatma) Metotları
Mounting (Binme) Metotları
componentWillMount()
render()
componentDidMount()
Mounting Metotları Örnek Kullanımı
Updation (Güncelleme) Metotları
componentWillReceiveProps(nextProps)
shouldComponentUpdate(nextProps,nextState)
componentWillUpdate(nextProps,nextState)
componentDidUpdate(nextProps,nextState)
getSnapshotBeforeUpdate(nextProps,nextState)
Updating Metotları Örnek Kullanımı
Unmounting (Kaldırma)
componentWillUnmount()
Unmounting Metodu Örnek Kullanımı
Error (Hata) Yakalama
componentDidCatch(error,errorInfo)
Error Metodu Örnek Kullanımı
AXIOS ile Restfull API İşlemleri
AXIOS Modülünün Kurulumu
AXIOS ile Veri Çekme (GET) ve map() Etme
UPDATE, DELETE, POST Metotlarının Kullanımı ve Header Parametreleri
Global Varsayılan Tanımlamalar
Asenkron ve Bekleme (async/await)
HOOKS ile State Yönetimi
Hooks Nedir
State Hook: useState()
Efekt Hook: useEffect()
Hooks Kuralları
React Semantic UI Kütüphaneleri
Bootstrap
Semantic UI
Material UI
Depoloyment
Statik Yayın ile Deployment
Adım Adım Heroku Üzerinde Depolment
Kurulum Gereksinimleri


Web Tasarımı ve Web Programlama 2020

Yorum bırak

Yorum