React, kullanıcı arayüzlerini küçük ve yeniden kullanılabilir bileşenlerden kurmayı sağlayan, web dünyasında en yaygın kullanılan JavaScript kütüphanesidir. Bu eğitimde katılımcılar modern JavaScript temelinden başlayarak Hooks, yönlendirme, API entegrasyonu ve durum yönetimiyle çalışan bir React uygulaması geliştirir.
React'in gücü, arayüzü bileşenler ve tek yönlü veri akışı üzerinden düşünmeye zorlamasından gelir. Bir ekranı küçük parçalara ayırıp her parçanın kendi durumunu ve görünümünü yönettiğinizde, büyüyen projelerde bile kod okunabilir ve test edilebilir kalır. Bu yüzden React, kurumsal yönetim panellerinden e-ticaret sitelerine kadar çok farklı projede tercih edilir.
Eğitim, React'i rahat kullanmak için gereken modern JavaScript konularıyla başlar: arrow function, destructuring, spread, modüller, Promise ve async/await. Ardından Vite ile proje kurulur; JSX, props, state, olay yönetimi, koşullu gösterim ve liste render etme konuları uygulamalı işlenir. useState, useEffect, useRef, useMemo ve useContext gibi Hooks'lar gerçek ekranlar üzerinde kullanılır, tekrar eden mantık özel (custom) hook'lara taşınır.
İkinci bölümde uygulama gerçek bir backend'e bağlanır. React Router ile sayfalar ve korumalı rotalar kurulur, Axios ile REST API çağrıları yapılır, yükleniyor ve hata durumları kullanıcı dostu biçimde yönetilir. Formlar React Hook Form ile doğrulanır. Büyüyen uygulamalarda global durum için Redux Toolkit ve Redux Thunk ile asenkron işlemler ele alınır; hangi durumda Context, hangi durumda Redux kullanılacağı tartışılır.
Son modüllerde performans iyileştirme, TypeScript ile tip güvenliği, React Testing Library ile bileşen testleri ve uygulamanın yayına alınması işlenir. Next.js ile sunucu taraflı render'a kısa bir giriş yapılarak katılımcıya bir sonraki adım için yol haritası verilir.
Bu konu, Java Spring Boot ReactJS FullStack Eğitimi (480 saat, hafta sonu grubunda ~11 ay) kapsamında da işlenir. Ana programın tüm müfredatını incelemek için sayfayı ziyaret edin.
Ana eğitimi inceleMüfredat örnek niteliğindedir; grubun seviyesine ve teknolojilerin güncel sürümlerine göre güncellenir. Kurumsal programlarda içerik ekibinizin projelerine göre uyarlanır.
Ön koşul: Temel HTML, CSS ve JavaScript bilgisi beklenir (değişken, fonksiyon, dizi ve nesne kullanımı). Modern JavaScript konuları eğitimin başında tekrar edilir.
Bileşen tabanlı yapı sayesinde ekranlar parçalara ayrılır; bir değişiklik tüm uygulamayı etkilemeden yapılabilir.
Ekip, buton, form ve tablo gibi ortak bileşenleri bir kez yazıp tüm projelerde tutarlı biçimde kullanmayı öğrenir.
REST API sözleşmeleri, hata yönetimi ve kimlik doğrulama akışları frontend ve backend ekipleri arasında ortak dile dönüşür.
TypeScript ve bileşen testleri, hataların kullanıcıya ulaşmadan geliştirme aşamasında yakalanmasını sağlar.
Eski arayüz teknolojilerinden React'e kademeli geçiş için ekip ortak bir yöntem kazanır.
Bireysel katılım için bilgi alın ya da ekibiniz için kurumsal eğitim teklifi isteyin. Telefon: 0212 352 05 22