React

Uğur GELİŞKEN
4.8
22 reviews
eBook
132
Pages

About this eBook

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


Merhaba sevgili okur.


Aslında başlı başına koca bir kitap olması gereken React’ı elimden geldiğince en temelinden React’a giriş yapacak ve React ile bilinmesi gereken çoğu şeyi size en güncel hali ile (2019 Eylül) anlatmaya çalışacağım.


Kitaba başlamadan önce EcmaScript 6 bildiğinizi düşünerek ilerleyeceğim. Eğer EcmaScript 6 konusunda zorlanıyorsanız veya yeterince bilginiz yoksa blog’umda yer alan “Hızlandırlmış EcmaScript 6 Dersleri” makalelerine çalışıp yeterli seviyeye ulaşabilirsiniz.


Kitapta genel olarak işlenen konu başlıkları şunlardı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

Ratings and reviews

4.8
22 reviews
Levent Sürer
31 May 2021
Merhaba hocam. React e yeni başladım. Bu kitabı boş zamanlarımda sindirerek baktığım el kitabı olarak kullanacağım. Kitap yayınlandıktan sonra react içinde güncellenmiş, kullanımı yaygınlaşmış bir özellik var mı? Yoksa güncel bilgilere sahip mi
Did you find this helpful?
Hasan GÖKKAYA
11 June 2023
Çok net ve her şey anlaşılır.İçerik sistemli bir şekilde ilerliyor.
Did you find this helpful?
Shaxzod Hamroyev
21 September 2021
good
Did you find this helpful?

About the author

1983 doğumlu Uğur GELİŞKEN; yayınlamış olduğu eserler, makaleler ve yaptığı projelerle 2013..2016 yıllarında Adobe Community Professionals programında, 9 farklı alanda uzmanlık seviyesi ile (Web Design, Graphic Design, Print Design, Digital Publishing, eLearning, Web Application Development, Mobile Application Development, Mobile Flash Gaming, Gamification) Adobe Topluluk Uzmanı (ACP, MVP) olarak seçildi. Daha sonra Adobe ile çalışmayı bırakıp, OpenSource dünyasına yöneldi. Şu anda Full Stack Web Developer görevi ile IoT platform ürünlerinin gelişimine katkı sağlayarak iş hayatına devam etmektedir.

Rate this eBook

Tell us what you think.

Reading information

Smartphones and tablets
Install the Google Play Books app for Android and iPad/iPhone. It syncs automatically with your account and allows you to read online or offline wherever you are.
Laptops and computers
You can listen to audiobooks purchased on Google Play using your computer's web browser.
eReaders and other devices
To read on e-ink devices like Kobo eReaders, you'll need to download a file and transfer it to your device. Follow the detailed Help Centre instructions to transfer the files to supported eReaders.