Tip güvenli React ve Redux ile durum
React, Redux ve TypeScript Eğitimi, büyük uygulamalarda tip güvenliği ve öngörülebilir durum yönetimini bir araya getirir. Program TypeScript ile tipli props, state, hook ve generic bileşenlerle başlar; Redux Toolkit ile slice, store, tipli dispatch ve select…
Tipli bileşenlerden Redux Toolkit slice'larına, RTK Query'den tip güvenli test ve mimariye
React, Redux ve TypeScript Eğitimi, büyük uygulamalarda tip güvenliği ve öngörülebilir durum yönetimini bir araya getirir. Katılımcılar TypeScript ile props, state ve hook'ları tiple; generic ve utility tiplerle bileşen API'leri tasarlar. Redux Toolkit ile slice, reducer ve store, tipli dispatch ve selector, RTK Query ile sunucu durumu ve önbellek işlenir. Program asenkron akışlar, test ve ölçeklenebilir durum mimarisiyle tamamlanır.
3 Gün. Her gün dört modül; örnek bir React uygulaması TypeScript ile tiplenip Redux Toolkit ve RTK Query ile durum yönetimi eklenerek geliştirilir.
Orta Seviye — TypeScript ile tip güvenli React, Redux Toolkit ve RTK Query ile durum yönetimi
Örnek bir uygulama üç gün boyunca önce TypeScript ile tiplenip ardından Redux Toolkit ile durum katmanı eklenerek adım adım kurulur.
TypeScript ile props, state ve aksiyonları tipleyerek hataları derleme anında yakalar, büyük kod tabanını güvenle değiştirirsiniz.
Redux Toolkit ile tek yönlü ve merkezi durum akışı kurarak karmaşık uygulamalarda durumu izlenebilir ve öngörülebilir kılarsınız.
Tipli slice'lar, selector'lar ve RTK Query ile büyüyen uygulamalarda sürdürülebilir ve ölçeklenebilir bir durum mimarisi tasarlarsınız.
Eğitimden verim almak için faydalı olacak bilgi ve kurulum gereksinimleri
Bileşen, props, state ve hook kavramlarına hakimiyet beklenir; eğitim bu temel üzerine TypeScript ve Redux'ı kurar.
Modern JavaScript, async/await, dizi/nesne işlemleri ve modül sistemine aşinalık gerekir.
Herhangi bir tipli dilde değişken tipi kavramına aşinalık faydalı olur; TypeScript temelleri eğitimde işlenir.
Node.js LTS, bir kod editörü ve Git kurulu olmalı; TypeScript projesinin derlenebilir durumda olması gerekir.
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:
interface, union, generic ve utility tiplerle React kodunu tipler, hataları derleme anında yakalarsınız.
Props, state, event ve hook'ları tip güvenli tanımlar, tip güvenli bileşen sözleşmeleri ve generic bileşenler tasarlarsınız.
configureStore ve createSlice ile öngörülebilir, tek yönlü ve merkezi bir durum yönetimi altyapısı kurarsınız.
RootState, AppDispatch, tipli selector ve dispatch kancalarıyla bileşeni store'a güvenle bağlarsınız.
createAsyncThunk ve extraReducers ile asenkron API akışlarını pending/fulfilled/rejected durumlarıyla yönetirsiniz.
createApi ile sunucu durumunu, önbelleği ve tag tabanlı geçersizleştirmeyi tipli hook'larla yönetebilirsiniz.
Slice, selector, thunk ve Redux bağlı bileşenleri tip güvenli biçimde test ederek güvenilir bir kod tabanı kurarsınız.
Özellik tabanlı slice'lar, normalleştirme ve entity adapter ile büyüyen uygulamalarda ölçeklenebilir durum mimarisi tasarlarsı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.
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 →
React Router, Redux Toolkit, eşzamansız veri ve React Testing Library ile sıfırdan tek sayfa uygulama kurup test etmeyi öğreten uçtan uca uygulamalı eğitim.
Detayları Gör →
İleri React eğitimi: useReducer, Context, useMemo/useCallback, React.memo, Suspense, hata sınırları ve durum yönetimiyle ileri seviye React geliştirme.
Detayları Gör →
React geliştirme ve üretim eğitimi: Vite/webpack build, kod bölme, bundle optimizasyonu, Core Web Vitals, Vercel/Netlify yayın ve GitHub Actions CI/CD.
Detayları Gör →
React'e giriş eğitimi: Virtual DOM, JSX, bileşen, props, state, olaylar ve useEffect ile sıfırdan modern web uygulaması geliştirmeyi öğrenin.
Detayları Gör →
React için yerel ortam kurulumu ve online playground eğitimi: Node, npm, VS Code, Vite, Create React App, CodeSandbox ve StackBlitz ile geliştirme.
Detayları Gör →