React & Next.js
Duration: 105 hours · Offline in Dhaliara, Kangra
What you will learn
Welcome — Course contents & projects
Beginner Level 1 — React Fundamentals
A Look at React — Why frameworks, pure React, setup
[Optional] ES6 Essential JavaScript for React
Components, Props & JSX
State, Events & Forms — Travel List project
Thinking in React — State management
Practice Project — Eat & Split
Intermediate — Composition & reusability, PopcornMovies
Effects & hooks deep dive, performance
Advanced state — Redux Toolkit, React Query
SPA with React Router v6.4+
Real-world features, styling, advanced patterns
How React works behind the scenes
Next.js App Router — RSC, Server Actions, NextAuth, deploy
Curriculum
Course contents, projects overview, first React app
4 beginner projects foundation
Why frameworks, React vs JS, pure React, CRA setup
Destructuring, spread, array methods, async/await
Building blocks, props, lists, conditional rendering
useState, controlled elements, Travel List project
Lifting state, derived state, composition
Friends list, bill split app
Component categories, prop drilling, children prop
Splitting UI, reusable boxes, star rating component
Data fetching, lifecycle vs sync, effects vs event handlers
Rules of hooks, useRef, building reusable custom hooks
memo, useMemo, useCallback, code splitting, Suspense
useReducer, Context API, Redux Toolkit, Thunks, React Query
v6.4+ loaders, actions, URL params and query strings
Auth, sorting, filtering, pagination, dark mode, charts
Tailwind CSS, CSS Modules, Styled Components
Render props, HOCs, compound components
Virtual DOM, reconciliation, fiber tree, state batching
RSC, Server Actions, SSR, streaming, NextAuth, Vercel deploy
Learning outcomes
- Become an advanced, confident, modern React developer from scratch
- Build 10+ beautiful projects, including two large professional real-world apps
- Master Next.js App router with React Server Components and Server Actions
- Manage state with Context API, Redux Toolkit, Thunks and React Query
- Build SPAs with React Router v6.4+ (data loaders and actions)
- Optimize performance with memo, useMemo, useCallback and code splitting
- Style apps with Tailwind CSS, CSS Modules and Styled Components
- Understand how React works behind the scenes (virtual DOM, fiber, reconciliation)
Frequently Asked Questions
Yes. All explanations are in clear Hindi. Code and tools use standard English.
Yes. A basic laptop is required for practice and projects.
Yes. Classroom batches run at Mentor Horizon, NH-503, Dhaliara, Kangra (HP).
Yes. Book a free demo before enrolling. Click the button on the right.
Yes. Students get mentor guidance and can join the community for doubt support.
Interested in this course?
Book a free demo or submit an admission enquiry. Seats are limited.
📍 Offline classes at
Mentor Horizon, NH-503
Dhaliara, Kangra (HP) – 177103
Other Courses
Python Programming
Become Master in Python by building projects in 15 weeks. Learn automation, build websites, games and apps! Ma...
C Programming
C Programming in Hindi for school and college students. Master fundamentals with 100+ practical exercises — va...
Web Development with AI
Full Stack Web Development Masterclass in Hindi: HTML, CSS, JavaScript, Node.js, PHP & AI. Build responsive si...