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.
- 6 lessons
- about 14 minutes (estimate)
- Free
- Free BvLogic Certificate of Completion
- Video in اردو
- Exercises in اردو
- 14 quiz questions
- 6 exercises
- 1 graded lab
Earn your free BvLogic Certificate of Completion.
A digital credential issued by BvLogic Academy to recognize successful completion of this introductory learning activity.
Not a government qualification or regulatory certification.
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.
Skills covered
- JavaScript
- React
- Responsive Design
Course 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 · optional practice The fee tracker in React, deployed to a real URL Open the lab →MERN Stack
Full Stack Development
This free course is the introduction to the full Full Stack Development programme. 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 feeRelated free courses
- Angular BasicsUrdu video
- BootstrapUrdu video
- Build and Deploy a Full ProjectUrdu video
- Django BasicsUrdu video
- Elementor MasteryUrdu video
- Express and REST APIsUrdu video
Web Development courses in Pakistan · All free courses · Government free courses open now
When you are ready to learn professional web development, the live programmes run on campus in Faisalabad and online.