ReactJS Beginner Course 2025 | Become a React Pro in 1.5 Hours
PedroTech
@pedrotechnologiesAbout
Web development tutorials for everyone. Learn ReactJS, NextJS, GraphQL, Express, MongoDB and more! Join PedroTech to master full-stack development and build real-world applications. Want to Become Tech Job Ready? Check out my courses: https://www.webdevultra.com/ Social Media: Twitter: https://twitter.com/pedrotech_ Instagram: https://instagram.com/pedro.fmachado_ LinkedIn: https://www.linkedin.com/company/pedrotech/ GitHub: https://github.com/machadop1407 ๐ Resources: โข Blog: https://www.pedrotech.co โข Newsletter: https://www.pedrotech.co/newsletter โข Support My Work: https://buymeacoffee.com/pedrow For business inquiries: [email protected]
Video Description
๐ Check Out My New Released React Course: https://www.webdevultra.com/react Use the code EARLY100 to get 20% off if you are one of the first 100 people :) Welcome to my beginner react course. In this course you will learn react in 1.5 hours. This is a beginner video and you don't need any prior react knowledge, although its welcomed :) I do recommend knowing the basics of JavaScript beforehand. ๐ Support My Work: https://buymeacoffee.com/pedrow ๐ฐ Join My Newsletter: https://www.pedrotech.co/newsletter ๐ Video Resources: Code Repo: https://www.webdevultra.com/video-info/3OqiKTyH4r0 ๐ Courses & Tutorials: Learn ReactJS By Building 6 Projects: https://codedamn.com/learn/reactjs-projects GraphQL Course for Beginners: https://codedamn.com/learn/graphql-for-beginners ๐ป Check out my Blog: https://www.pedrotech.co ๐ค Follow me on Twitter: (https://twitter.com/pedrotech_) ๐ธ Follow me on Instagram: (https://www.instagram.com/pedro.fmachado_/) ๐งณ Follow me on Linkedin: (https://www.linkedin.com/in/pedrotech/) ๐จโ๐ป GitHub: https://github.com/machadop1407 ๐ Business Email: [email protected] Timestamps: 00:00:00 | Introduction & Course Overview 00:02:59 | React Concepts Overview (JSX, Components, Props, Virtual DOM) 00:03:31 | Environment & Project Setup (Node.js, VSย Code, Vite) 00:08:47 | Project Structure Overview (vite.config.js, package.json, index.html, main.jsx, app.jsx, CSS & Assets) 00:15:52 | Starting UI & Quiz Component Creation 00:23:01 | Defining the Question Bank 00:23:59 | Rendering Quiz Questions & Options 00:27:56 | Adding Navigation Buttons 00:29:41 | State Management & Option Selection 00:34:47 | Tracking User Answers & Current Question State 00:41:30 | Navigation Logic (Prev/Next & Disabling Buttons) 00:45:38 | Dynamic Styling for Selected Options 00:53:05 | Conditional Next/Finish Button Label 00:56:55 | Creating Results Component 01:00:36 | Passing Props & Calculating Score 01:06:55 | Restart Quiz Functionality 01:17:14 | Conclusion & Next Steps
Upgrade Your Gaming Setup
AI-recommended products based on this video

Beelink SER3 Mini Desktop PC with AMD Ryzen 3 3200U 2C/4T, 16GB DDR4 500GB PCIE3.0 X4 SSD, Dual Display Output, WiFi6/BT5.2 W-11 Pro Mini Gaming Computer

Beelink SER3 Mini PC, AMD Ryzen 3 3200U(14nm, 2C/4T) up to 3.5GHz, Mini Gaming Computer 16GB DDR4 RAM 500GB PCIE3.0 X4 SSD, Micro PC 4K@60Hz Dual Display, Mini Computer WiFi6/BT5.2/HTPC/W-11 Pro

Beelink SER3 Mini PC, AMD Ryzen 3 3200U(up to 3.5GHz) 2C/4T, Mini Computer 16GB DDR4 RAM 500GB SSD, Mini Desktop Computer 4K@60Hz Dual HDMI Display WiFi6/BT5.2/WOL/HTPC/W-11 Pro

Corsair Vengeance LPX 32GB (2 X 16GB) DDR4 3200 (PC4-25600) C16 1.35V Desktop Memory - Black

Skytech Blaze 3.0 Gaming PC Desktop โ Intel Core i5 12400F 2.5 GHz, NVIDIA RTX 3060, 500GB NVME SSD, 16GB DDR4 RAM 3200, 600W Gold PSU, 11AC Wi-Fi, Windows 11 Home 64-bit

Beelink SER5 Mini PC, AMD Ryzen 5 5500U(up to 4.0GHz) 6C/12T, Mini Computer 16GB DDR4 RAM 500GB NVMe SSD, Mini Desktop Computer 4K@60Hz Dual Display HDMI&DP WiFi6/BT5.2/WOL/HTPC/W-11 Pro

Beelink SER Mini PC W11 Pro, AMD Ryzen 5 5500(6C/12T up to 4 GHz), 16GB DDR4 500GB NVME SSD Graphics 6 core, WiFi 6/BT5.2/Dual Display Mini PC Computer

Beelink EQR5 Mini PC, AMD Ryzen 7 5825U(8C/16T, Up to 4.5GHz), Mini Computer 32G DDR4 RAM 500GB NVMe PCIE3.0x4 SSD, Micro PC 4K@60Hz Dual Display Dual HDMI/WiFi6/BT5.2/1000Mbps/W11 Pro

88MM T129215SU RTX 2060 for Cooling Fan for Gigabyte GTX 1660 1650 for Super Ti Graphics Card Cooler PLD09210S12HH(Black 2-Fan T12)

88MM T129215SU RTX 2060 for Cooling Fan for Gigabyte GTX 1660 1650 for Super Ti Graphics Card Cooler PLD09210S12HH(Black 2-Fan PLD)

for 88MM T129215SU PLD09210S12HH for Cooling Fan for Gigabyte GTX 1650 1660 Ti for Super RTX 2060 Graphics Video Card Fans(Black A-Fan PLD)

95MM T129215SH for Cooling Fan for Gigabyte GTX 1650 for Gaming 1660 Ti RTX 2060 for Super 2070 WINDFORCE Graphics Card Cooler

for 85MM CF-12915S RTX 2060 Cooling Fan for INNO3D for GeForce GTX 1660 Super 6GB Twin X2 Graphics Card Cooler

Logitech G203 Wired Gaming Mouse, 8,000 DPI, Rainbow Optical Effect LIGHTSYNC RGB, 6 Programmable Buttons, On-Board Memory, Screen Mapping, PC/Mac Computer and Laptop Compatible - Black

CORSAIR Hydro X Series iCUE Link XH405i Custom Cooling Kit โ Hardline Water Cooling Loop โ XC7 Elite CPU Water Block โ XD5 Elite D5 Pump Res โ XR5 360mm Radiator โ 3X QX120 RGB Fans

CORSAIR iCUE Link XD5 RGB Elite LCD Pump-Reservoir Unit - D5 PWM Pump - 480x480 IPS LCD Screen - 22 Addressable RGB LEDs - 440ml Nylon Reservoir - White

CORSAIR iCUE Link XC7 RGB Elite CPU Water Block - Transparent Flow Chamber - 24 RGB LEDs - Fits Intelยฎ LGA 1700, AMDยฎ AM5 and Older - White

CORSAIR Hydro X Series iCUE Link XH405i Custom Cooling Kit โ Hardline Water Cooling Loop โ XC7 Elite CPU Water Block โ XD5 Elite D5 Pump Res โ XR5 360mm Radiator โ 3X QX120 RGB Fans

Skytech Archangel Gaming PC Desktop โ AMD Ryzen 5 3600 3.6 GHz, NVIDIA RTX 3060, 1TB NVME SSD, 16GB DDR4 RAM 3200, 600W Gold PSU, 11AC Wi-Fi, Windows 11 Home 64-bit

Acer Nitro V 16 AI Gaming Laptop, 16" WUXGA 180Hz Display, AMD Ryzen 5 240, GeForce RTX 5050, 16GB DDR5, 512GB SSD, Backlit Keyboard, Copilot, Wi-Fi 6E, Win 11, Black, 1TB Docking Station Set

ASUS TUF Gaming A15 Gaming Laptop, 15.6โ 144Hz FHD Display, AMD Ryzen 5 7535HS Processor, GeForce RTX 2050, 8GB DDR5 RAM, 512GB PCIe SSD Gen 4, Wi-Fi 6, Windows 11, FA506NF-AS51-CA

KAMRUI Mini PC E3B, Mini Computer AMD Ryzen 5 7430U (6C/12T, Up to 4.3GHz), 16GB DDR4 512GB M.2 SSD Mini Gaming Pc W11 PRO, 4K Triple Display/WiFi 6/BT5.2/USB3.2 for Home/Business Mini Desktop PC Global Recycled Standard



















