Build A Currency Converter In React
Web Dev Simplified
@webdevsimplifiedAbout
Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular technologies to convert you from a no stack to full stack developer. Web Dev Simplified also deep dives into advanced topics using the latest best practices for you seasoned web developers. I started Web Dev Simplified in order to share my passion for web development, and do what I truly love. Teach and inspire new web developers. I have been in love with full stack web development since 2015 when I did my first internship as a web developer. Ever since then I have pursued my passion, learning everything there is to know about web development. Over the years I have taught many colleagues and friends the joys of web development, and cannot wait to teach you. Thank you for watching!
Latest Posts
Video Description
π¨ IMPORTANT: Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today Modern React is tough to learn which is why in this video I will be walking you through a beginner/intermediate level React project using hooks. This project will handle API calls, two way data binding, useEffect, useState, and much more so it is a great project for learning about all the basics of React. I will also be explaining my process from beginning to end so you can understand exactly what my thought process is the entire way. π Materials/References: Destructoring And Spread Operator Video: https://youtu.be/NIq3qLaHCIs GitHub Code: https://github.com/WebDevSimplified/React-Currency-Converter π§ Concepts Covered: - How to useEffect - How to useState - How to setup two way data binding in React - Creating a React project - Using an API in React - Differences between state and props π Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #ReactProject #WDS #React
You May Also Like
Upgrade Your Gaming Now
AI-recommended products based on this video

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)

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 (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 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

MSI Stealth A18 AI+ A3XWIG-013CA 18" UHD+ mini LED 120Hz Gaming Laptop, AMD Ryzen AI 9 HX 370, RTX 5080, 64GB DDR5, 2TB NVMe SSD, Windows 11 Home

MSI Stealth 18 HX AI 18β 240Hz QHD+ Gaming Laptop: Intel Ultra 9-275HX, NVIDIA Geforce RTX 5080, 32GB DDR5, 2TB NVMe SSD, Wi-Fi 7, Win 11 Home :Midnight Black A2XWIG-045US

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

Lenovo Legion Pro 5 16" WQXGA 165Hz Gaming Laptop, AMD Ryzen 9 9955HX, GeForce RTX 5070, 32GB DDR5, 3TB Storage (2TB SSD+1TB Docking Station Set), 24-Zone RGB Backlit Keyboard, WiFi 7, Win 11, Black

230W Charger for Lenovo Legion Slim Pro 5 5P 7 S7 C7 Y720 Y730 Y740 Y920 Y530 Y540 Y545 R720 ThinkPad P1 P16 P16v P15 P17 T15g P50 P50s P51 P52 P53 P70 P71 P72 P73 Laptop ideacentre/ThinkStation AIO

New Slim 170W AC Charger Fit for Lenovo Legion Slim 5 5i Yoga Pro 9i ThinkPad P1 P16 P16v P53 P70 P71 P72 P73 IdeaPad Pro 5i 5 3 LOQ 16 15 ADL170SCC3A 20V 8.5A Laptop Power Supply Adapter Cord

170W AC Charger for Lenovo ThinkPad P1 P50 P51 P52 P53 P70 P71 P72 P73 P16 P16v P17 P15 T15g P15v T15p X1 Extreme Legion Y520 IdeaPad Pro 5 Yoga Slim 7 Laptop ThinkStation ThinkCentre IdeaCentre AIO

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

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

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

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

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

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

Entry Door Knob with Lock and Keys for Bedroom/Bathroom, Interior/Exterior Door Handles, Indoor/Outdoor Privacy Door Knob, Main/Front Door Handle Lock, Home Security, Poignee Porte Interieur/Exterieur

2025 Deep Cat Extra Large High Sides, 21. 45 x 16. 14 x 10. 43 Inches Low Entry Cat Litter Tray Litter Open Splashing Pan Easy Clean for Small Medium (Green) (Yellow, 49x35. 5x13cm)

eufy Security 5-Piece Home Alarm Kit, Home Security System, Keypad, Motion Sensor, 2 Entry Sensors, Home Alarm System, Control from The App, Links with eufyCam

Birosnsy Digital Camera 4K 50MP with 32GB SD Card 2.88" IPS LCD Screen Auto Focus 16xDigital 9 Shooting Modes Zoom Entry Beginner 0.23LB HD Portable Mini Camera(Black, Batteries X2, Charging Head X1)

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

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

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

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

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

HyperX CloudX Stinger 2 Core - Gaming Headset for Xbox, Lightweight Over-Ear headsets with mic, Swivel-to-Mute Function, 40mm Drivers - White

Ozeino Wireless Gaming Headset for Ps5, Ps4, Switch, Ultra Stable 2.4GHz USB & Type-C, Bluetooth 5.3 Gaming Headphones with Flip Mic, 40+Hr Battery Gamer Headset for PC, Laptop, Mobile, Mac(White)

BINNUNE Gaming Headset with Microphone for Xbox Series X|S Xbox1 PS4 PS5 PC, Gamer Headphones with Mic Casque for Xbox 1

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 144Hz Gaming Laptop, Intel i7-13620H, 32GB DDR5, 1TB SSD, NVIDIA GeForce RTX 4060, Keyboard Backlight, Wi-Fi 6, HD Webcam, Windows 11 Home, Black, 256GB Docking Station Set

HP Victus 15.6" 144Hz FHD Gaming Laptop, Intel i5-12450H, 32GB RAM, 1TB PCIe SSD, NVIDIA GeForce RTX 3050, Backlit Keyboard, HD Webcam, Win 11, Blue, 256GB Docking Station Set




















