Skills Pragati
YouTube
BeginnerEnglish

Step By Step Mastering React

React from the first project: project structure, functional and class components, JSX, props, state and more.

  • 31 videos
  • 3.5 h of video
  • VideosFree on YouTube
  • Hands-on labNot for this course
  • Practice simulationNot for this course
  • Mock examNot for this course
Open the playlist on YouTube

Plays the full course playlist from YouTube in privacy-enhanced mode. Nothing loads from YouTube until you press play.

About this course

This Playlist holds the course sequence of React

Course videos

All 31 videos, in order

Playlist on YouTube
  1. 16:33Step By Step Mastering React - Course IntroductionOverview
  2. 25:05React IntroductionHands-on
  3. 32:41Tools For React DevelopmentHands-on
  4. 44:08Create First React ProjectHands-on
  5. 57:59React Project StructureHands-on
  6. 66:07ComponentsHands-on
  7. 77:08Functional ComponentHands-on
  8. 85:14Class ComponentHands-on
  9. 96:16JavaScript XML JSXHands-on
  10. 106:00PropsHands-on
  11. 118:11StateHands-on
  12. 124:33Install Helper ExtensionsHands-on
  13. 139:39setStateHands-on
  14. 144:45DestructuringHands-on
  15. 156:22Event HandlingHands-on
  16. 166:31Master Event Binding in ReactHands-on
  17. 174:54Mastering Method As Props in ReactHands-on
  18. 1812:07Ultimate Guide to Conditional Rendering in ReactHands-on
  19. 199:31Master List Rendering in ReactHands-on
  20. 201:50React List Rendering & Keys ExplainedExplained
  21. 217:41Master Styling React ComponentsHands-on
  22. 2213:16Ultimate Guide to Form Handling in ReactHands-on
  23. 232:23Complete Overview of React Component LifecycleHands-on
  24. 249:25Mastering React: Complete Guide to Mounting Stage Lifecycle MethodsHands-on
  25. 259:15Updating React Lifecycle Methods: Step by Step Guide for 2026Hands-on
  26. 264:37React Fragments Explained: Ultimate Guide for Beginners in 2026Explained
  27. 278:28Master Pure Components in React: Complete Guide for Beginners 2026Hands-on
  28. 283:32React Memo ExplainedExplained
  29. 296:25Mastering React Refs: Essential Guide for 2026Hands-on
  30. 309:32Higher Order ComponentHands-on
  31. 319:05Ultimate Guide to React Error BoundariesHands-on
Related articles

Read it step by step

More in Programming & Web

Programming & WebIntermediateClassic course

Software Design Patterns

Classic design patterns explained: factory method, builder, abstract factory, singleton, bridge, composite, decorator and proxy.

  • Videos only

10 videos38 min

Programming & WebBeginnerClassic course

Learn To Code From Scratch With Python

Programming from zero: the building blocks of any language, then Python setup, variables and the core concepts.

  • Videos only

35 videos6 h

Programming & WebBeginnerClassic course

Step By Step Mastering Modern JavaScript

JavaScript from the browser console up: variables, data types, strings, arrays, objects, functions and modern syntax.

  • Videos only

53 videos5.1 h

Programming & WebIntermediateClassic course

Modern JavaScript Refresher Course

A quick refresher on modern JavaScript: template literals, destructuring, spread and rest, arrow functions, classes, async code and optional chaining.

  • Videos only

12 videos1.2 h

Programming & WebBeginnerClassic course

Learn JSON Step By Step

JSON syntax and data types: strings, numbers, booleans, arrays, objects and nesting.

  • Videos only

15 videos43 min

Programming & WebBeginnerClassic course

Learn HTML5 From Scratch

HTML5 for absolute beginners: tools, the first document, tags and attributes, page structure, head, body and links.

  • Videos only

11 videos1.7 h

Programming & WebBeginnerClassic course

Learn CSS From Scratch

CSS from scratch: syntax, the three ways to add styles, selectors and targeting elements, and layout basics.

  • Videos only

41 videos3 h

Watch on YouTube