Skip to content
Home Tutorials Roadmaps Courses
Log in Join free

React.js Complete

Build modern, fast user interfaces with React - components, hooks, state management, Redux and Next.js.

SU Taught by Sukhwinder Singh 0 enrolled Intermediate

What you will learn

Master React.js - the most popular frontend library used by Facebook, Netflix, Airbnb and millions of developers.

Covers components, props, state, hooks, forms, routing, API integration, Context API, performance optimization, Redux, and Next.js. Build complete portfolio projects.

Who this is for:
- Frontend developers wanting to learn React
- JavaScript developers transitioning to component-based UIs
- Anyone building modern single-page applications

Course Syllabus

0 lessons · 11 modules
1. React Fundamentals 4 lessons
  1. Lesson content for "What is React and the virtual DOM".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  2. Lesson content for "Setting up with Vite and project structure".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  3. Lesson content for "JSX syntax and expressions".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  4. Lesson content for "React component tree and rendering".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
2. Components & Props 5 lessons
  1. Lesson content for "Functional components and props".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  2. Lesson content for "Props destructuring and default values".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  3. Lesson content for "Children prop and component composition".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  4. Lesson content for "Conditional rendering patterns".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  5. Lesson content for "Rendering lists with map and keys".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
3. State & Hooks 6 lessons
  1. Lesson content for "useState - managing component state".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  2. Lesson content for "useEffect - side effects and lifecycle".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  3. Lesson content for "useRef for DOM references and mutable values".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  4. Lesson content for "useMemo and useCallback for performance".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  5. Lesson content for "useReducer for complex state logic".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  6. Lesson content for "Custom hooks - creating reusable logic".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
4. Forms in React 4 lessons
  1. Lesson content for "Controlled vs uncontrolled components".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  2. Lesson content for "Handling text, select and checkbox inputs".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  3. Lesson content for "Form validation and error messages".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  4. Lesson content for "Multi-step forms and form libraries".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
5. React Router 5 lessons
  1. Lesson content for "Setting up React Router v6".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  2. Lesson content for "Routes, Links and navigation".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  3. Lesson content for "Dynamic routes and URL parameters".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  4. Lesson content for "Nested routes and layouts".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  5. Lesson content for "Protected routes and auth guards".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
6. API Integration 4 lessons
  1. Lesson content for "Fetching data with useEffect and fetch".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  2. Lesson content for "Loading, error and success states".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  3. Lesson content for "Axios vs fetch for HTTP requests".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  4. Lesson content for "Building a complete data-driven app".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
7. Context API 4 lessons
  1. Lesson content for "What is prop drilling and the problem".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  2. Lesson content for "Creating and providing context".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  3. Lesson content for "useContext hook and consuming context".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  4. Lesson content for "Building a theme and auth context".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
8. Performance Optimization 5 lessons
  1. Lesson content for "React.memo for component memoization".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  2. Lesson content for "useMemo and useCallback deep dive".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  3. Lesson content for "Code splitting with lazy and Suspense".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  4. Lesson content for "React DevTools profiler and debugging".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  5. Lesson content for "Avoiding unnecessary re-renders".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
9. Redux & State Management 5 lessons
  1. Lesson content for "Why Redux? When to use it".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  2. Lesson content for "Redux Toolkit - store, slices, reducers".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  3. Lesson content for "Dispatching actions and selectors".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  4. Lesson content for "Async thunks with createAsyncThunk".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  5. Lesson content for "RTK Query for server state".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
10. Next.js Fundamentals 5 lessons
  1. Lesson content for "What is Next.js and why use it".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  2. Lesson content for "Pages, file-based routing and layouts".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  3. Lesson content for "Server components vs client components".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  4. Lesson content for "Static and server-side rendering".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  5. Lesson content for "API routes in Next.js".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
11. Projects & Portfolio 4 lessons
  1. Lesson content for "Task manager with Context API".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  2. Lesson content for "E-commerce product listing with Redux".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  3. Lesson content for "Blog app with Next.js".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon
  4. Lesson content for "Deploying React apps to Vercel".

    Want to watch the video lesson?

    Enroll now to get full video access + certificate.

    Coming soon

Student reviews

No reviews yet - be the first after you complete the course!