ReactJS Beginner Course 2025 | Become a React Pro in 1.5 Hours

PedroTech โ€ข April 22, 2025
Video Thumbnail
PedroTech Logo

PedroTech

@pedrotechnologies

About

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

You May Also Like

Upgrade Your Gaming Setup

AI-recommended products based on this video

Loading...
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 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

(239)
$459.00
FREE delivery Sat, Jan 3
Loading...
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(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

(1,251)
$329.00
FREE delivery Sat, Jan 3
Loading...
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

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

(815)
$329.00
FREE delivery Sat, Jan 3
50+ bought in past month
Loading...
Corsair Vengeance LPX 32GB (2 X 16GB) DDR4 3200 (PC4-25600) C16 1.35V Desktop Memory - Black
Best Seller

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

(16,675)
$112.99$101.69
FREE delivery Sun, Aug 10
500+ bought in past month
Loading...
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

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

(786)
$1,414.11
FREE delivery Thu, Feb 19Only 4 left in stock.
Loading...
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 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

(346)
$359.00
Prime
Loading...
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 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

(110)
$449.00
PrimeFREE delivery Sat, Jun 14
Loading...
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

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

(606)
$449.00
FREE delivery Sat, Jun 21
Loading...
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 T12)

(0)
$26.18
FREE delivery Mar 19 - Apr 10
Loading...
88MM T129215SU RTX 2060 for Cooling Fan for Gigabyte GTX 1660 1650 for Super Ti Graphics Card Cooler PLD09210S12HH(Black 2-Fan PLD)

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

(0)
$26.18
FREE delivery Mar 19 - Apr 10
Loading...
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)

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)

(0)
$21.53
FREE delivery Mar 19 - Apr 10
Loading...
95MM T129215SH for Cooling Fan for Gigabyte GTX 1650 for Gaming 1660 Ti RTX 2060 for Super 2070 WINDFORCE Graphics Card Cooler

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

(0)
$31.43
FREE delivery Mar 19 - Apr 10
Loading...
for 85MM CF-12915S RTX 2060 Cooling Fan for INNO3D for GeForce GTX 1660 Super 6GB Twin X2 Graphics Card Cooler

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

(0)
$25.86
FREE delivery Mar 19 - Apr 10
Loading...
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
Best Seller

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

(17,871)
$27.98$22.38
FREE delivery Tue, Oct 14 on your first order
500+ bought in past month
Loading...
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 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

(235)
$879.99
FREE delivery Sun, Aug 24
Loading...
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 XD5 RGB Elite LCD Pump-Reservoir Unit - D5 PWM Pump - 480x480 IPS LCD Screen - 22 Addressable RGB LEDs - 440ml Nylon Reservoir - White

(17)
$379.99
FREE delivery Sun, Aug 24
Loading...
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 iCUE Link XC7 RGB Elite CPU Water Block - Transparent Flow Chamber - 24 RGB LEDs - Fits Intelยฎ LGA 1700, AMDยฎ AM5 and Older - White

(56)
$149.99$125.33
FREE delivery Sun, Aug 24
Loading...
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 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

(235)
$879.99
FREE delivery Sun, Aug 24
Loading...
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

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

(31)
$2,657.01$2,656.90
FREE delivery Feb 24 - Mar 3
Loading...
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

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

(40)
$1,399.00
FREE delivery Feb 24 - Mar 5
Loading...
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

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

(156)
$799.00$759.05
FREE delivery Mon, Feb 16
Loading...
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

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

(227)
$499.00
FREE delivery Sun, Jan 4Only 8 left in stock.
Loading...
EZDIY-FAB RTX 3000 Series 12 Pin to Dual 8 Pin PCIe Sleeved Extension Cable 300 MM- Connector for NVIDIA Ampere GEFORCE RTX 3060ti 3070 3080 FE Funder Edition- White

EZDIY-FAB RTX 3000 Series 12 Pin to Dual 8 Pin PCIe Sleeved Extension Cable 300 MM- Connector for NVIDIA Ampere GEFORCE RTX 3060ti 3070 3080 FE Funder Edition- White

(122)
$15.99
FREE delivery Mon, Feb 16 on your first order