Serving schools, colleges & students across India Sign inRegister freeFAQsHelpcontact@ghosla.io
GHOSLAGrowth Hub for Opportunities, Skills, Learning & AchievementGrow•Learn•Achieve Login Get Started

Solutions (For Institutions)

School ERPComplete school management College ERPComplete college management University ERPUniversity-wide management Coaching Classes ERPCoaching institute management

For Students

Ghosla AIAI-powered education & career assistant AI Career TestFind the careers that fit you Education LoansPlan, apply & track your loan Skills & CertificationsFree courses, Skill Score, certificates All 103 CoursesJob-ready courses, free right now Find Better SchoolsDiscover the right school for you Find Better CollegesDiscover the right college for you

Discover

Browse by City66 cities across India

React for Beginners: Build 5 Real Apps

Learn React step by step with hooks, forms, APIs, routing and Context by building five portfolio apps

Ghosla Academy · Web Team

React is the most requested frontend library in Indian job listings. This course teaches it the practical way: every concept is followed by an app you build yourself, starting small and growing in complexity. By the end you will have five deployed apps, from a bill splitter to a shopping cart with Context, and a clear understanding of how modern React apps are structured.

What you will be able to do

  • Create React projects with Vite and write components in JSX
  • Pass data with props and manage state with useState
  • Render lists, conditional UI and controlled forms
  • Fetch data with useEffect and handle loading and errors
  • Build multi-page apps with React Router
  • Share state with Context and useReducer and deploy apps online

What you build

  • Tip and bill splitter
  • To-do list with filters and local saving
  • TV show search with a public API
  • Multi-page recipe book and shopping cart with Context

What you need to start

  • Basic JavaScript: variables, functions, arrays and objects
  • A laptop with Node.js and VS Code installed

Curriculum · 6 sections, 22 lectures

React setup and JSX4 lectures
  1. What React is and how it thinksFree preview8 min
  2. Creating a React app with ViteFree preview10 min
  3. JSX and components14 min
  4. Quiz: React basics5 min
Props, state and events4 lectures
  1. Props and component composition12 min
  2. useState and event handling15 min
  3. App 1: tip and bill splitter15 min
  4. Quiz: props and state5 min
Lists and forms4 lectures
  1. Rendering lists and conditional UI13 min
  2. Controlled forms13 min
  3. App 2: to-do list with filters18 min
  4. Quiz: lists and forms5 min
Effects and APIs3 lectures
  1. useEffect and fetching data15 min
  2. App 3: TV show search with a public API20 min
  3. Quiz: effects5 min
Routing3 lectures
  1. React Router basics14 min
  2. App 4: multi-page recipe book18 min
  3. Quiz: routing5 min
Shared state and deployment4 lectures
  1. Context and useReducer16 min
  2. Deploying React apps and next steps8 min
  3. App 5: shopping cart with Context20 min
  4. Final quiz: React6 min

Who this is for

  • Students who know basic JavaScript and want to learn React
  • Freshers building a frontend portfolio
  • Freelancers who want to build modern web apps for clients