The Modern React Bootcamp (Hooks, Context, NextJS, Router)

Module 1: React Fundamentals & JSX

⏳ 1 hour

• Understanding JSX syntax, Babel transpilation, and element rendering

• Creating functional components, props drilling, and default props

Module 2: State Management with Hooks

⏳ 1.5 hours

• Managing local component state with useState and side effects with useEffect

• Sharing state across components using useContext and custom hooks

Module 3: Advanced State & Data Fetching

⏳ 1 hour

• Integrating Redux Toolkit for global state: slices, async thunks, and middleware

• Fetching data with React Query/Apollo Client: caching, pagination, and polling

Module 4: Routing & Navigation

⏳ 45 minutes

• Setting up React Router: <BrowserRouter>, <Routes>, and dynamic route params

• Protected routes, nested routes, and redirect patterns

Module 5: Forms & Validation

⏳ 1 hour

• Building controlled and uncontrolled forms with React Hook Form

• Implementing validation rules and error handling

Module 6: Testing React Applications

⏳ 45 minutes

• Writing unit tests for components with Jest and snapshot testing

• Integration tests using React Testing Library and mocking API calls

Module 7: Performance Optimization

⏳ 45 minutes

• Code-splitting with React.lazy and <Suspense>

• Preventing unnecessary renders with React.memo, useMemo, and useCallback

Module 8: Deployment & Best Practices

⏳ 30 minutes

• Building production bundles with Webpack or Create React App

• Deploying to Netlify, Vercel, or GitHub Pages and setting up CI/CD

Get certificate