Overview

Bu kapsamlı kurs, React'in temel kavramlarından başlayarak full-stack geliştirme yetkinliklerine kadar geniş bir yelpazeyi kapsar. Kurs boyunca, katılımcılar React'in temel bileşenlerini nasıl oluşturacaklarını ve yöneteceklerini öğrenirken, Hooks, Event Handlers, React Context, useQuery ile data-fetching , Suspense, Lazy Loading CSR, SSR ve Straming SSR gibi ileri düzey özelliklerle nasıl etkili bir şekilde çalışacaklarını keşfedecekler. Kursun son bölümü NextJS App router ile fullstack uygulamalar geliştirmeye ayrılmıştır.React Temelleri ve Bileşen Yönetimi:React'in temel kavramları ve bileşen tabanlı geliştirme anlayışıJSX kullanımı ve componentlar arası iletişimState yönetimi ve props kullanımıConditional(Şartlı) RenderingPure ComponentsListsEvent HandlersEvent Handlers Event Handler fonksiyonlarını prop olarak aktarmaEvent PropagationDefault BehaviourReact StateReact State ( useState Hook )Multiple StatesRenderingObject StatesArray StatesImmerState Structure Best PracticesLifting State UpHooksHooks kavramı: useId, useRef, useEffect, useReducer gibi temel Hooks'ların kullanımıCustom Hook'lar oluşturma ve kullanmauseEffect ile side-effectleruseEffect cleanup functionMemoizationMemoizationReact.memo() KullanımıuseMemo() hookuseCallback() hookReact ContextContext hangi problemi çözüyor?React Context kullanımıReact Context ne zaman kullanılmalı?Provider PatternPerformans3rd Party Component LibrariesComponent Kütüphaneleri ( Antd, Material UI vs.. )Stilsiz Component Kütüphaneleri ( Radix UI )Radix UI ile custom modal oluşturmaCustom VideoPlayer Uygulaması ( ÖRNEK PROJE)Öğrendiklerimizi kullanarak custom videoplayer oluşturalım!Fullstack React - NextJS 14 (APP ROUTER)NextJS FrameworküClient - Server ComponentsClient / Server Side RenderingHydrationRouting Hydration Mismatch Hatalarını Çözelim!Params & Query ParamsDynamic Segments In RouteMetadata APIReact CacheSuspenseSelective HydrateNextJS Loading PageStreaming SSRLazy Loading

Skills

Reviews