Free course · Web & Apps
React Basics
The front-end library Pakistani software houses actually name in job ads — components, props and state, taught on the foundation JavaScript Basics built.
6lessons
14quiz questions
6exercises
1graded lab
Watch the course walkthrough
اردو
That was a one-minute preview. The full course video is for signed-in learners. Sign in to watch it here — or create a free BvLogic ID; it takes a minute, and this course is added to it.
What you'll be able to do
- Understand the problem React solves, check your prerequisites honestly, and get a React app running locally.
- Write function components, compose them, and get comfortable with JSX's two real rules.
- Pass data into components with props, render lists from arrays, and understand the one-way flow that keeps React apps sane.
- Use useState to hold changing data, handle events and form inputs, and internalise re-render thinking.
- Fetch API data with useEffect, manage loading and error states honestly, and structure a small real app.
- Build and deploy your app free, get an honest map of the React ecosystem, and know precisely what the paid course adds.
When you want the whole trade
MERN Stack
Full Stack Development
This free course is the introduction. The programme is taught by a trainer, marked by the academy, and carries the syllabus in full — the part an employer asks about.
See the full syllabus and feeCourse content
- 1 Why React exists, and your first running app Understand the problem React solves, check your prerequisites honestly, and get a React app running locally.
- 2 Components and JSX: pages built from pieces Write function components, compose them, and get comfortable with JSX's two real rules. Sign in to open
- 3 Props: components that take inputs Pass data into components with props, render lists from arrays, and understand the one-way flow that keeps React apps sane. Sign in to open
- 4 State: data that changes, screens that follow Use useState to hold changing data, handle events and form inputs, and internalise re-render thinking. Sign in to open
- 5 Effects and data fetching: React meets the network Fetch API data with useEffect, manage loading and error states honestly, and structure a small real app. Sign in to open
- 6 Shipping, the ecosystem map, and the road through MERN Build and deploy your app free, get an honest map of the React ecosystem, and know precisely what the paid course adds. Sign in to open
Course lab
Graded lab The fee tracker in React, deployed to a real URL Open the lab →Related free courses
- Flutter Basics · Urdu video
- Node.js Backend Basics · Urdu video
- Web Development Basics · Urdu video
- WordPress Basics · Urdu video
- Angular Basics
- Bootstrap