Advanced Front-End Development

React fundamentals: Functional components, JSX, props/state, lifecycle with hooks (useState, useEffect)

Redux basics: Store, actions, reducers, useSelector, useDispatch

One-way data flow and immutability

Intro to Redux Toolkit: configureStore, createSlice

Common pitfalls and anti-patterns

Scalable architecture: feature-based structure, domain-driven design

Container vs presentational components

Modular Redux with Redux Toolkit: createSlice, createAsyncThunk, createEntityAdapter

State strategy: global vs local, when to use Redux, Context, or component state

API management with RTK Query: fetching, caching, polling

Advanced async logic with createAsyncThunk

Writing custom middleware: logging, metrics, notifications

Middleware comparisons: Redux Thunk vs Redux Saga

React internals: rendering lifecycle, batching, reconciliation

Concurrent features: startTransition, useDeferredValue

Memoization tools: React.memo, useMemo, useCallback

Profiling with React DevTools and flamegraphs

Optimizing Redux with reselect and avoiding unnecessary re-renders

Compound components

Controlled vs uncontrolled components

Render props and higher-order components (HOCs)

Hooks-based component composition

Form libraries: react-hook-form vs formik

Schema validation: Yup, Zod

Dynamic forms and conditional logic

Performance and field-level validation techniques

Unit testing: components and slices with Jest

Integration testing with React Testing Library

Mocking strategies: Redux store, async logic (msw, jest.fn)

Test coverage strategy and CI/CD integration

Build a production-ready dashboard: authentication, APIs, charts, forms

Environment configs and feature flags

Error boundaries and fallback UIs

Logging, analytics, and observability

Deployment strategies: Vercel, Netlify, Docker, CI/CD

React Server Components (RSC) and streaming

TypeScript with React and Redux

Monorepo tools: Turborepo, Nx

Micro frontends architecture

Internationalization (i18n) and localization