Vite + React

İçerikler

Kazanımlar

Gereksinimler

Eğitmen

React.js nedir ve neden kullanılır?

Node.js ve npm kurulumu

Create React App ile proje oluşturma

JSX yapısı ve kuralları

Virtual DOM kavramı

React Developer Tools kullanımı

Functional Components

Class Components

Props kavramı ve kullanımı

Children props

Component yaşam döngüsü

Component kompozisyonu

PropTypes ve TypeScript

useState hook'u

setState ve state güncelleme

useEffect hook'u

Custom hook yazımı

State lifting

Context API

useContext hook'u

Controlled components

Uncontrolled components

Form validasyonu

React Hook Form kullanımı

Formik kütüphanesi

Yup ile şema validasyonu

React Router kurulumu

Route tanımlama

Dynamic routing

Nested routes

Protected routes

Navigation hooks

Route parametreleri

CSS Modules

Styled Components

Tailwind CSS entegrasyonu

Material-UI kullanımı

Chakra UI

Ant Design

Responsive tasarım

Fetch API kullanımı

Axios ile HTTP istekleri

useQuery hook'u

React Query

Error handling

Loading states

API caching

Redux temelleri

Redux Toolkit

Actions ve reducers

Store yapılandırması

Redux DevTools

Zustand

Recoil

useMemo hook'u

useCallback hook'u

React.memo

Code splitting

Lazy loading

Bundle analizi

Performance ölçümü

Jest kullanımı

React Testing Library

Component testing

Integration testing

Mock service worker

Test coverage

Snapshot testing

JWT implementasyonu

OAuth entegrasyonu

Protected routes

Kullanıcı rolleri

Session yönetimi

Güvenlik best practices

Firebase Authentication

Suspense

Error Boundaries

Strict Mode

Fragments

Portals

Server Components

Concurrent Mode

Production build

Environment variables

Docker containerization

CI/CD pipeline kurulumu

Netlify deployment

Vercel deployment

Firebase hosting

Folder structure

Custom hooks

Higher Order Components

Render props

Component composition

Error handling patterns

Performance patterns

To-do uygulaması

E-ticaret frontend'i

Blog platformu

Dashboard uygulaması

Real-time chat uygulaması