Code A React Website Tutorial | ReactJS Tutorial For Beginners

PedroTech May 26, 2021
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

CODE: https://github.com/machadop1407/react-website-tutorial LINKS: https://nodejs.org/en/download/ https://www.npmjs.com/get-npm - 🚀 Learn ReactJS By Building 6 Projects: https://codedamn.com/learn/reactjs-projects - Social ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Website: machadopedro.com Twitter: https://twitter.com/pedrotech_ Linkedin: https://www.linkedin.com/in/machadop1407/ Instagram: https://www.instagram.com/_pedro.machado_ Github: https://github.com/machadop1407 Email: [email protected] Equipments I Use: ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 🌟 Algorithm Book To Pass Coding Interviews: https://amzn.to/2Z2CirS 🌟 Microphone: https://amzn.to/2MKAm4V 🌟 Keyboard: https://amzn.to/3tvU6ZR 🌟 HD Webcam: https://amzn.to/3tMpJPD 🌟 Room LED Lights: https://amzn.to/3a5mFGp Tags: - ReactJS Tutorial - ReactJS and MySQL - NodeJS Tutorial - API Tutorial #react #reacttutorial #reactwebsite

You May Also Like

Upgrade Your Gaming Setup

AI-recommended products based on this video

Loading...
acer Nitro 50 N50-620-UA91 Gaming Desktop | 11th Gen Intel Core i5-11400F 6-Core Processor | NVIDIA GeForce GTX 1650 | 8GB DDR4 | 512GB NVMe M.2 SSD | Intel Wi-Fi 6 AX201 | Keyboard and Mouse

acer Nitro 50 N50-620-UA91 Gaming Desktop | 11th Gen Intel Core i5-11400F 6-Core Processor | NVIDIA GeForce GTX 1650 | 8GB DDR4 | 512GB NVMe M.2 SSD | Intel Wi-Fi 6 AX201 | Keyboard and Mouse

(283)
$1,658.99
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...
Acer Nitro V 15.6" FHD 165Hz Gaming Laptop, Intel i5-13420H, 16GB RAM, 512GB SSD, NVIDIA GeForce RTX 5050 8GB GDDR7, Copilot, Backlit Keyboard, Wi-Fi 6, Win 11, Black, 1TB Docking Station Set

Acer Nitro V 15.6" FHD 165Hz Gaming Laptop, Intel i5-13420H, 16GB RAM, 512GB SSD, NVIDIA GeForce RTX 5050 8GB GDDR7, Copilot, Backlit Keyboard, Wi-Fi 6, Win 11, Black, 1TB Docking Station Set

(1,689)
$1,349.00
FREE delivery Feb 24 - Mar 5Only 7 left in stock.
Loading...
95MM T129215SU Cooling Fan for ASUS ROG Strix for GeForce RTX 3060 3070 3080 3090 Ti Graphics Card CF1010U12S/D T129215BU(Black A-Fan T12)

95MM T129215SU Cooling Fan for ASUS ROG Strix for GeForce RTX 3060 3070 3080 3090 Ti Graphics Card CF1010U12S/D T129215BU(Black A-Fan T12)

(0)
$43.56
FREE delivery Mar 19 - Apr 10
Loading...
ASUS ROG Strix G16 Gaming Laptop, GeForce RTX 5070 Ti 12GB GDDR7, AMD Ryzen 9 8940HX, 64GB DDR5, 2TB SSD, Backlit Keyboard, Wi-Fi 6E, 16" WUXGA 165Hz Display, Win 11, Gray, 1TB Docking Station Set

ASUS ROG Strix G16 Gaming Laptop, GeForce RTX 5070 Ti 12GB GDDR7, AMD Ryzen 9 8940HX, 64GB DDR5, 2TB SSD, Backlit Keyboard, Wi-Fi 6E, 16" WUXGA 165Hz Display, Win 11, Gray, 1TB Docking Station Set

(10)
$4,269.00
FREE delivery Feb 24 - Mar 5
Loading...
ASUS ROG Strix G16 (2024) Gaming Laptop, 16” 16:10 FHD+ 165Hz, GeForce RTX 4060, Intel Core i7-13650HX, 16GB DDR5, 1TB PCIe SSD, Wi-Fi 6E, Windows 11, G614JV-AS71-CA

ASUS ROG Strix G16 (2024) Gaming Laptop, 16” 16:10 FHD+ 165Hz, GeForce RTX 4060, Intel Core i7-13650HX, 16GB DDR5, 1TB PCIe SSD, Wi-Fi 6E, Windows 11, G614JV-AS71-CA

(43)
$1,659.99$1,549.30
FREE delivery Feb 19 - 23
Loading...
Asus ROG STRIX Z890-A GAMING WIFI Z890 LGA 1851 ATX motherboard, Intel® Core™ Ultra Series 2 Ready, Advanced AI PC-ready, 16+2+1+2 stages, DDR5, WiFi 7, 2.5G, 5x M.2, Thunderbolt™ 4, USB Type-C, AI OC

Asus ROG STRIX Z890-A GAMING WIFI Z890 LGA 1851 ATX motherboard, Intel® Core™ Ultra Series 2 Ready, Advanced AI PC-ready, 16+2+1+2 stages, DDR5, WiFi 7, 2.5G, 5x M.2, Thunderbolt™ 4, USB Type-C, AI OC

(54)
$299.99
FREE delivery Jan 11 - Feb 5
Loading...
Lenovo Legion 5 15.1" WQXGA 165Hz Gaming Laptop, Intel i9 14900HX, GeForce RTX 5070 8GB GDDR7, 16GB DDR5, 2TB Storage(1TB SSD+1TB Docking Station Set), 24-Zone RGB Backlit Keyboard, Windows 11, Black

Lenovo Legion 5 15.1" WQXGA 165Hz Gaming Laptop, Intel i9 14900HX, GeForce RTX 5070 8GB GDDR7, 16GB DDR5, 2TB Storage(1TB SSD+1TB Docking Station Set), 24-Zone RGB Backlit Keyboard, Windows 11, Black

(68)
$2,749.00
FREE delivery Feb 24 - Mar 5
Loading...
NIDOO 15.6 inch Laptop Sleeve Case Computer Bag for 15.6" Lenovo Legion 5 / IdeaPad Gaming 3i / ThinkPad L15 T15 E15 / 16" Legion 7i 9i / Legion 5 Pro/ThinkPad E16 16p /Yoga 7i / Galaxy Book3 HP Dell

NIDOO 15.6 inch Laptop Sleeve Case Computer Bag for 15.6" Lenovo Legion 5 / IdeaPad Gaming 3i / ThinkPad L15 T15 E15 / 16" Legion 7i 9i / Legion 5 Pro/ThinkPad E16 16p /Yoga 7i / Galaxy Book3 HP Dell

(85)
$29.99$27.25
FREE delivery Mon, Jun 23 on your first order
Loading...
NIDOO Laptop Sleeve 15.6 inch Computer Bag for 15.6" Lenovo Legion 5 / Legion Slim 7 / ThinkPad T15 E15 / 16" Legion 7i / Legion 5 Pro/IdeaPad 3i / 16.1" Gaming 16 / Acer Dell Carrying Case, Black

NIDOO Laptop Sleeve 15.6 inch Computer Bag for 15.6" Lenovo Legion 5 / Legion Slim 7 / ThinkPad T15 E15 / 16" Legion 7i / Legion 5 Pro/IdeaPad 3i / 16.1" Gaming 16 / Acer Dell Carrying Case, Black

(124)
$24.99
FREE delivery Sat, Jun 21 on your first order
Loading...
New Slim 230W Charger fit for Lenovo Legion 5 7 5P C7 S7 Y520 Y740 Y730 Y900 Y910 Y920 Y7000P ThinkPad P16 P15 P73 P52 P70 ADL230NLC3A Square Yellow Tip Laptop Power Supply Adapter

New Slim 230W Charger fit for Lenovo Legion 5 7 5P C7 S7 Y520 Y740 Y730 Y900 Y910 Y920 Y7000P ThinkPad P16 P15 P73 P52 P70 ADL230NLC3A Square Yellow Tip Laptop Power Supply Adapter

(6)
$45.99
FREE delivery Sat, Jun 21
Loading...
240W 180W AC Charger Fit for Dell G15 G16 G7 G5 G3 Series 5500 5505 5510 5515 5511 5520 5521 5525 5530 5535 5587 5590 7500 7588 7590 7700 7790 7620 7630 3500 3579 3590 3779 LA240PM160 Gaming Laptop

240W 180W AC Charger Fit for Dell G15 G16 G7 G5 G3 Series 5500 5505 5510 5515 5511 5520 5521 5525 5530 5535 5587 5590 7500 7588 7590 7700 7790 7620 7630 3500 3579 3590 3779 LA240PM160 Gaming Laptop

(13)
$44.99$35.81
FREE delivery Sun, Aug 24
50+ bought in past month
Loading...
230W Charger Compatible with Razer Blade 14” 15” 16" 17” (2025-2018) RZ09 RTX-3060/3070/3080/4060/4070 Gaming Laptop RC30-0530 RC30-0238 RC30-0248 Replacement Power Adapter

230W Charger Compatible with Razer Blade 14” 15” 16" 17” (2025-2018) RZ09 RTX-3060/3070/3080/4060/4070 Gaming Laptop RC30-0530 RC30-0238 RC30-0248 Replacement Power Adapter

(16)
$67.99
FREE delivery Mon, Feb 16
Loading...
Lenovo LOQ 15.6" FHD 144Hz Gaming Laptop, Intel Core i5-12450HX, NVIDIA GeForce RTX 2050, 16GB DDR5, 2TB Storage (1TB SSD+1TB Docking Station Set), Number Pad, 720p Camera, Wi-Fi 6, Win 11, Gray

Lenovo LOQ 15.6" FHD 144Hz Gaming Laptop, Intel Core i5-12450HX, NVIDIA GeForce RTX 2050, 16GB DDR5, 2TB Storage (1TB SSD+1TB Docking Station Set), Number Pad, 720p Camera, Wi-Fi 6, Win 11, Gray

(2)
$1,369.00
FREE delivery Feb 24 - Mar 5
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...
Lenovo Legion 5 15.1" WQXGA 165Hz Gaming Laptop, Intel i9 14900HX, GeForce RTX 5070 8GB GDDR7, 16GB DDR5, 2TB Storage(1TB SSD+1TB Docking Station Set), 24-Zone RGB Backlit Keyboard, Windows 11, Black

Lenovo Legion 5 15.1" WQXGA 165Hz Gaming Laptop, Intel i9 14900HX, GeForce RTX 5070 8GB GDDR7, 16GB DDR5, 2TB Storage(1TB SSD+1TB Docking Station Set), 24-Zone RGB Backlit Keyboard, Windows 11, Black

(68)
$2,749.00
FREE delivery Feb 24 - Mar 5
Loading...
Asus ROG Gladius III Wireless AimPoint Gaming Mouse, Connectivity (2.4GHz RF, Bluetooth, Wired), 36000 DPI Sensor, 6 programmable Buttons, ROG SpeedNova, Replaceable switches, Paracord Cable, White

Asus ROG Gladius III Wireless AimPoint Gaming Mouse, Connectivity (2.4GHz RF, Bluetooth, Wired), 36000 DPI Sensor, 6 programmable Buttons, ROG SpeedNova, Replaceable switches, Paracord Cable, White

(329)
$94.99$93.99
FREE delivery Sat, Jan 3
50+ bought in past month
Loading...
Asus ROG Spatha X Wireless Gaming Mouse – MMO/MOBA Design, 12 Programmable Buttons, Right-Handed, 168g, Dual-Mode (Wired/2.4GHz), 19K DPI, up to 67Hr Battery, Magnetic Charging Dock, PC/Mac Support

Asus ROG Spatha X Wireless Gaming Mouse – MMO/MOBA Design, 12 Programmable Buttons, Right-Handed, 168g, Dual-Mode (Wired/2.4GHz), 19K DPI, up to 67Hr Battery, Magnetic Charging Dock, PC/Mac Support

(1,906)
$149.99
FREE delivery Thu, Jan 8
50+ bought in past month
Loading...
MSI Clutch GM08 4200 DPI, Accurate Optical Sensor, Durable Build Quality, Adjustable Weight System, Dragon Scale Design Side Grips, On The Fly DPI Changing, Optical Wired Gaming Mouse with Red LED

MSI Clutch GM08 4200 DPI, Accurate Optical Sensor, Durable Build Quality, Adjustable Weight System, Dragon Scale Design Side Grips, On The Fly DPI Changing, Optical Wired Gaming Mouse with Red LED

(1,282)
$20.99
FREE delivery Sat, Jan 3 on your first order
100+ bought in past month
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...
Asus ROG Delta II Wireless Gaming Headset with Detachable Mic – Tri-Mode (BT, 2.4GHz, 3.5mm), 50mm Titanium-Plated Drivers, 110Hr Battery, Lightweight, for PC, PS5, PS4, Xbox, Switch, Mobile - Black

Asus ROG Delta II Wireless Gaming Headset with Detachable Mic – Tri-Mode (BT, 2.4GHz, 3.5mm), 50mm Titanium-Plated Drivers, 110Hr Battery, Lightweight, for PC, PS5, PS4, Xbox, Switch, Mobile - Black

(180)
$249.99$166.60
FREE delivery Sat, Jan 3
50+ bought in past month
Loading...
Turtle Beach Stealth 600 Wireless Multiplatform Amplified Gaming Headset for Xbox Series X|S, Xbox One, PC, PS5, PS4, Nintendo Switch, & Mobile – Bluetooth, 80-Hr Battery, Noise-Cancelling Mic – Black
Best Seller

Turtle Beach Stealth 600 Wireless Multiplatform Amplified Gaming Headset for Xbox Series X|S, Xbox One, PC, PS5, PS4, Nintendo Switch, & Mobile – Bluetooth, 80-Hr Battery, Noise-Cancelling Mic – Black

(3,680)
$99.96
FREE delivery Tue, Oct 14
800+ bought in past month
Loading...
Turtle Beach Recon 50 Gaming Headset for Nintendo Switch, Xbox Series X|S, Xbox One, PS5, PS4, PlayStation, Mobile, & PC with 3.5mm – Removable Mic, 40mm Speakers – Red/Blue

Turtle Beach Recon 50 Gaming Headset for Nintendo Switch, Xbox Series X|S, Xbox One, PS5, PS4, PlayStation, Mobile, & PC with 3.5mm – Removable Mic, 40mm Speakers – Red/Blue

(1,785)
$19.99
FREE delivery Fri, Jan 2 on your first order
1K+ bought in past month
Loading...
Monster Mission 300 Wireless Gaming Headset, 2.4GHz/Bluetooth Gaming Headphones,Low Latency, Stereo, Audio Location Recognition, 48H Battery Life, Suitable for PS5, PC, PS4 and Other Gaming Devices

Monster Mission 300 Wireless Gaming Headset, 2.4GHz/Bluetooth Gaming Headphones,Low Latency, Stereo, Audio Location Recognition, 48H Battery Life, Suitable for PS5, PC, PS4 and Other Gaming Devices

(29)
$59.99
FREE delivery Sat, Sep 20
200+ bought in past month
Loading...
18.5 Inch Portable Touchscreen Gaming Monitor, High Resolution 1920x1080 with HDR, for PC, Phone Game Console, Easy Connection, Large Display

18.5 Inch Portable Touchscreen Gaming Monitor, High Resolution 1920x1080 with HDR, for PC, Phone Game Console, Easy Connection, Large Display

(0)
$226.59
$2.99 delivery Aug 19 - 29
Loading...
Gawfolk 32 Inch 4K UHD (3840 x 2160) High Resolution,60Hz Ultra-Thin Bezel Computer Monitor ,with HDMI/DP, Home Office Business PC Monitor, Black

Gawfolk 32 Inch 4K UHD (3840 x 2160) High Resolution,60Hz Ultra-Thin Bezel Computer Monitor ,with HDMI/DP, Home Office Business PC Monitor, Black

(18)
$212.49
FREE delivery Tue, Oct 7
100+ bought in past month
Loading...
ARZOPA Portable Monitor, 16.1" FHD 1080P Kickstand 100% sRGB High Color Gamut Portable Laptop Monitor IPS Eye Care Screen for High-end Office & Entertainment - Z1C

ARZOPA Portable Monitor, 16.1" FHD 1080P Kickstand 100% sRGB High Color Gamut Portable Laptop Monitor IPS Eye Care Screen for High-end Office & Entertainment - Z1C

(2,728)
$129.99
FREE delivery Tue, Aug 12
100+ bought in past month
Loading...
24 Inch Portable Monitor, Smart Touch Screen TV with Built in Battery, High Definition LCD Screen, Floor Standing Display Screen for Home (US Plug)

24 Inch Portable Monitor, Smart Touch Screen TV with Built in Battery, High Definition LCD Screen, Floor Standing Display Screen for Home (US Plug)

(0)
$872.67
FREE delivery Aug 21 - Sep 3
Loading...
llano RGB Laptop Cooling Pad with Powerful Turbofan Gaming Cooler Radiator with Infinitely Variable Speed, Touch Control, LCD Screen, 3-Port USB Hub, Seal Foam for Notebook Computer 15-19in

llano RGB Laptop Cooling Pad with Powerful Turbofan Gaming Cooler Radiator with Infinitely Variable Speed, Touch Control, LCD Screen, 3-Port USB Hub, Seal Foam for Notebook Computer 15-19in

(1,404)
$129.99
Prime
200+ bought in past month
Loading...
230W Charger Compatible with Razer Blade 14” 15” 16" 17” (2025-2018) RZ09 RTX-3060/3070/3080/4060/4070 Gaming Laptop RC30-0530 RC30-0238 RC30-0248 Replacement Power Adapter

230W Charger Compatible with Razer Blade 14” 15” 16" 17” (2025-2018) RZ09 RTX-3060/3070/3080/4060/4070 Gaming Laptop RC30-0530 RC30-0238 RC30-0248 Replacement Power Adapter

(16)
$67.99
FREE delivery Mon, Feb 16
Loading...
Lenovo LOQ 15.6" FHD 144Hz Gaming Laptop, Intel Core i5-12450HX, NVIDIA GeForce RTX 2050, 16GB DDR5, 2TB Storage (1TB SSD+1TB Docking Station Set), Number Pad, 720p Camera, Wi-Fi 6, Win 11, Gray

Lenovo LOQ 15.6" FHD 144Hz Gaming Laptop, Intel Core i5-12450HX, NVIDIA GeForce RTX 2050, 16GB DDR5, 2TB Storage (1TB SSD+1TB Docking Station Set), Number Pad, 720p Camera, Wi-Fi 6, Win 11, Gray

(2)
$1,369.00
FREE delivery Feb 24 - Mar 5
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...
Lenovo Legion 5 15.1" WQXGA 165Hz Gaming Laptop, Intel i9 14900HX, GeForce RTX 5070 8GB GDDR7, 16GB DDR5, 2TB Storage(1TB SSD+1TB Docking Station Set), 24-Zone RGB Backlit Keyboard, Windows 11, Black

Lenovo Legion 5 15.1" WQXGA 165Hz Gaming Laptop, Intel i9 14900HX, GeForce RTX 5070 8GB GDDR7, 16GB DDR5, 2TB Storage(1TB SSD+1TB Docking Station Set), 24-Zone RGB Backlit Keyboard, Windows 11, Black

(68)
$2,749.00
FREE delivery Feb 24 - Mar 5
Loading...
Laptop Parts Cooling Fan 89mm 4pin GA92S2U CF9015H12S for Zotac Gaming RTX 3060 Ti 3050 Twin Edge Graphics Card Fan(Purple)

Laptop Parts Cooling Fan 89mm 4pin GA92S2U CF9015H12S for Zotac Gaming RTX 3060 Ti 3050 Twin Edge Graphics Card Fan(Purple)

(0)
$37.87
FREE delivery Mar 19 - Apr 10