REACT EĞİTİMİ
React Eğitimi, arayüz geliştirmeyi bileşen temelli bir yaklaşımla ele alarak katılımcılara ölçeklenebilir bir mimari bakışı kazandırır. Katılımcılar, küçük parçalardan tutarlı ve yönetilebilir arayüzler kurmayı öğrenir.
Program, projeler büyüdükçe durum yönetimi ve performansın nasıl kontrol altında tutulacağını uygulamalı olarak işler. Katılımcılar; veri akışından test yazımına kadar uzanan konularda sağlam bir geliştirme pratiği edinir, ayrıntılar için resmi React dokümantasyonuna başvurabilir.
React eğitimini şirketinize özel planlayalım. 0212 951 0608 · Teklif isteyin
Katılımcı Profili
Bu eğitim, React'i JSX yazma boyutundan çıkartıp UI mimarisi olarak kullanmak isteyen rollere yöneliktir:
- Frontend Geliştiriciler: React ile SPA ve dashboard yazan mühendisler
- Full-stack Geliştiriciler: React + Node.js veya Next.js ile uçtan uca yazan roller
- Mobil Geliştiriciler: React Native öncesi React temelini öğrenmek isteyenler
- UI Mühendisleri: Component library ve design system kuran roller
- Modern Frontend Geçişi Yapanlar: jQuery veya Angular'dan React'e geçen ekipler
Ön Gereklilikler
Bu eğitime katılım için aşağıdaki ön bilgiler önerilir:
- JavaScript temellerinde rahatlık (ES2015+ özellikleri, async/await)
- HTML ve CSS ile temel arayüz geliştirme deneyimi
- npm veya yarn ile paket yönetimi mantığına aşinalık
- Tarayıcı dev tools (Chrome DevTools) ile temel tanışıklık
- Git ile sürüm kontrol akışı bilgisi
Süresi ve Tarihi
Süre: 4 gün. Bu süre standart program içindir; ek modüllere ve hedefe göre süre özelleştirilebilir.
Eğitim tarihleri ve saatleri, ekibinizin uygunluğuna göre birlikte planlanır.
Kazanımlar
Bu eğitim sonunda katılımcı, React'i "JSX yazma" boyutundan çıkartıp bir UI mimarisi olarak kullanır:
- Component model'i function component ve Hooks ile kurar
- useState, useReducer ve Context ile Redux/Zustand'ı doğru bağlamda ayırır
- TanStack Query ile server state'i client state'ten ayırır
- React Router ile SPA navigation ve route guard yapar
- Concurrent rendering, Suspense ve Server Component'i sezgisel anlatır
- Memoization (memo, useMemo, useCallback) ve virtualization ile performansı ölçer
- React Testing Library ile davranış odaklı test yazar
React Eğitimi Konuları
1. React Çalışma Modeli - Virtual DOM
- Virtual DOM ve reconciliation
- React Fiber mimarisi
- React sürüm akışı ve concurrent rendering
- Vite vs Create React App vs Next.js
2. JSX ve Component Yapısı
- JSX söz dizimi ve transpilation
- Function component (tek standart)
- Component composition ve children
- Fragment (<>) ve key prop
3. Props ve State
- Props: immutable, top-down flow
- State: useState ile local state
- Controlled vs uncontrolled component
- Lifting state up pattern
- Props drilling problemi
4. Event Handling
- Synthetic event ve native event
- onClick, onChange, onSubmit
- preventDefault ve stopPropagation
- Event delegation
5. Hook Sistemi - useState, useEffect
- useState ile state yönetimi
- useEffect ve dependency array
- Cleanup function
- Rules of Hooks
- Custom hook yazımı
6. Ek Hook'lar - useRef, useMemo, useCallback
- useRef ile DOM ve mutable value
- useMemo ile memoization
- useCallback ile fonksiyon memoization
- useReducer kompleks state için
- useContext ile context tüketimi
7. Context API ve Provider Pattern
- createContext ve Provider
- Multi-provider ve nested context
- Re-render optimization
- Ne zaman context, ne zaman state manager
8. Form Yönetimi
- Controlled input pattern
- React Hook Form ile uncontrolled
- Formik (legacy) ile karşılaştırma
- Zod ile schema validation
9. Routing - React Router
- React Router v6 söz dizimi
- Nested routes ve outlet
- useNavigate, useParams, useSearchParams
- Loader ve action (data router)
- Lazy route ile code splitting
10. Data Fetching - TanStack Query
- useQuery ve useMutation
- Cache invalidation
- Optimistic update
- SWR alternatif
- Suspense for data fetching
11. State Management - Zustand, Redux Toolkit
- Zustand: minimal store
- Redux Toolkit (RTK) modern Redux
- Jotai, Recoil atom-based
- State manager seçim kriterleri
12. Styling - CSS Modules, Tailwind, CSS-in-JS
- CSS Modules ile scoped style
- Tailwind CSS utility-first
- Styled-components ve Emotion
- CSS-in-JS performans tartışması
- shadcn/ui ile copy-paste component
13. Performance Optimization
- React.memo ile component memoization
- useMemo, useCallback ile prop equality
- React DevTools Profiler
- Code splitting ve React.lazy
- Virtualization (react-window)
14. Error Boundary ve Suspense
- Error boundary class component
- react-error-boundary kütüphanesi
- Suspense ile loading state
- Streaming SSR ile Suspense
15. SSR ve SSG - Next.js
- Next.js App Router (RSC)
- Server Component vs Client Component
- Static, dynamic, ISR rendering
- Streaming ve loading.tsx
16. Testing - Vitest ve React Testing Library
- Vitest hızlı test runner
- React Testing Library prensibi
- User event simulation
- Mock Service Worker (MSW)
- Playwright ile E2E test
17. TypeScript ile React
- FC, PropsWithChildren type
- useState<T>, useRef<T> generic
- Event handler tipi
- Discriminated union ile prop
18. Deploy - Vercel, Netlify, Cloudflare Pages
- Vercel: Next.js native
- Netlify ve Cloudflare Pages
- Edge function ve serverless
- Environment variable yönetimi
- Preview deployment
REACT EĞİTİMİ ile İlgili
Sıkça Sorulan Sorular ve Cevapları
React eğitimini kurumumuza özel planlayabilir miyiz?
Evet. React eğitimini tamamen kurumunuza özel planlıyoruz; konu kapsamı ve takvim, hedeflerinize ve katılımcı kadronuzun uygunluğuna göre birlikte şekillenir.
React eğitimini hangi şehirlerde veriyorsunuz?
React eğitimini kurumunuzun bulunduğu ilde yerinde veriyoruz; İstanbul, Ankara ve İzmir başta olmak üzere Türkiye'nin her iline gelmekteyiz. İsteyen firmalara eğitim canlı online olarak da sunulur.
React eğitimini online veriyor musunuz?
Evet, React eğitimini canlı online olarak da veriyoruz; birlikte uygulamalı oturumlarla Türkiye'nin neresinde olursanız olun katılabilirsiniz. Program kurumunuzun ihtiyacına göre belirlenir.
React eğitimi çalışanlarımızın seviyesine göre uyarlanıyor mu?
Evet. React eğitiminin başında katılımcıların seviyesi değerlendirilir ve içerik buna göre ayarlanır; sıfırdan başlanabileceği gibi ileri konulara da odaklanılabilir.
React eğitimi projemiz üzerinden ilerleyebilir mi?
Eğitim, kendi web projeniz veya mimari senaryonuz üzerinden ilerleyebilir. Teklif öncesinde projenizi bize iletmeniz ya da tarif etmeniz durumunda eğitimi gerçek uygulamanıza göre kurgularız.
React eğitmenleriniz hakkında bilgi alabilir miyiz?
Eğitmenlerimiz web ve uygulama geliştirme alanında deneyimli, React'u gerçek projelerde kullanan yazılımcılardır. İhtiyacınıza ve hedefinize en uygun eğitmeni sizinle eşleştiriyoruz.
Katılımcılarımıza sertifika veriliyor mu?
Evet. Eğitim sonunda katılımcılarımıza katılım sertifikası veriyoruz; sertifikada eğitimin kapsamı ve katılımcı bilgileri yer alır, kurumunuzun tercihine göre dijital ya da basılı olarak hazırlanır.
React eğitiminin fiyatı ne kadar?
Sabit bir React eğitimi ücreti yoktur; fiyat, katılımcı sayısı, kapsam ve süreye göre belirlenir. İhtiyacınızı dinleyip kurumunuza özel bir teklif sunarız.
React ekibiniz için programı planlayalım ve hedefleri netleştirelim.
0212 951 0608 · Kurumsal teklif
