React'te props ve state'e hakim olun
Props & State, React'in çekirdeğindeki iki kavramı derinlemesine öğretir. Eğitim props ile veri aktarımı, destructuring, children ve prop doğrulamayla başlar; useState ile durum tanımlama, güncelleme desenleri ve değişmezliği işler.
Props, useState ile durum, veri akışı, state lifting ve kontrollü formlar
Props & State, React'in kalbindeki iki kavramı, props ve state'i derinlemesine öğretir. Program props ile veri aktarımı, destructuring, children ve prop doğrulamayla başlar; useState ile durum, güncelleme desenleri ve değişmezliği işler. Tek yönlü veri akışı, state'i yukarı taşıma (lifting state up), prop drilling ve türetilmiş veri örneklerle ele alınır. Eğitim; kontrollü form ve liste durumunu birleştiren, props ve state'i birlikte kullanan bir projeyle tamamlanır.
4 Gün. Her gün dört modül; props ile veri aktarımından state yönetimine, veri akışından kontrollü formlara kadar her konu uygulamalı işlenir.
Orta Seviye — React'te props ile veri aktarımı, useState ile durum ve tek yönlü veri akışını derinlemesine öğrenme
Her kavram küçük örneklerle kodlanır; props ve state arasındaki ilişki veri akışı diyagramlarıyla ve bir uygulama projesiyle pekiştirilir.
Props ve state, her React uygulamasının temelidir; bu iki kavrama hakim olmak diğer tüm konuları kolaylaştırır.
Tek yönlü veri akışını ve state lifting'i kavrayarak bileşenler arası veriyi temiz ve öngörülebilir biçimde yönetirsiniz.
Kontrollü bileşenler ve form durumu yönetimiyle kullanıcı girdilerini güvenli ve doğrulanabilir biçimde ele almayı öğrenirsiniz.
Eğitimden verim almak için faydalı olacak bilgi ve hazırlık
Bileşen, JSX ve basit bir React uygulaması kurma bilgisi bu eğitim için faydalı olur.
Fonksiyon, dizi metotları (map), destructuring ve spread gibi ES6+ konuları props ve state'te sık kullanılır.
Değişmezlik (immutability) ve referans kavramına aşinalık, state güncelleme desenlerini anlamayı kolaylaştırır.
Node.js, npm ve VS Code kurulu bir bilgisayar; örnek proje Vite ile ilk modülde birlikte oluşturulur.
Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.
Program sonunda katılımcılar:
Üst bileşenden alt bileşene props ile veri aktarır, destructuring ve children ile esnek, yeniden kullanılabilir bileşenler kurarsınız.
PropTypes veya TypeScript ile prop tiplerini tanımlar, varsayılan ve zorunlu prop belirterek hataları erken yakalarsınız.
useState ile durum tanımlar ve günceller, başlangıç durumunu belirler ve state'i minimal, doğru konumda tutarsınız.
Önceki duruma göre güncelleme, değişmezlik ve spread ile nesne/dizi durumunu güvenli biçimde güncellemeyi öğrenirsiniz.
Tek yönlü veri akışını kavrar, state ve props ilişkisini ve verinin tek doğru kaynağını (source of truth) doğru kurarsınız.
Ortak durumu üst bileşene taşır, kardeş bileşenler arası paylaşımı kurar ve prop drilling sorununu çözersiniz.
Kontrollü bileşenlerle form durumunu yönetir, doğrulama ekler ve çoklu girdiyi tek state nesnesiyle güvenle ele alırsınız.
Props ve state'i birleştiren, liste ve form içeren çalışan bir React uygulamasını baştan sona kendiniz kurarsınız.
Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.
Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.
React giriş eğitimi: bileşen, JSX, props, useState ve olaylarla iki günde React'e sıfırdan uygulamalı ve hızlı başlangıç yapın.
Detayları Gör →
useState, useEffect, useReducer, useContext ve özel Hook'larla modern React durum yönetimini ve Context API ile global durumu öğreten uygulamalı eğitim.
Detayları Gör →
JSX, Hook'lar, React Router, veri çekme ve Vite ile üretime hazır modern, bileşen tabanlı ön yüz uygulamaları geliştirmeyi öğreten uygulamalı React eğitimi.
Detayları Gör →
Jest, React Testing Library ve kırmızı-yeşil-refactor döngüsüyle React ve modern ES'te test odaklı geliştirmeyi öğreten uygulamalı TDD eğitimi.
Detayları Gör →
TypeScript temelleri, tiplenmiş props ve state, Hook tipleri ve olay tipleriyle tip güvenli React geliştirmeye giriş yaptıran uygulamalı başlangıç eğitimi.
Detayları Gör →
Redux Toolkit, slice, store, createAsyncThunk, RTK Query ve middleware ile React'e ölçeklenebilir global durum yönetimi entegrasyonunu öğreten eğitim.
Detayları Gör →