React for Beginners #7 - Displaying Data Dynamically
Welcome back to another react tutorial! In this video, I'll be covering how to display data. Specifically displaying inventory items and adding items to our inventory management system.
💻 AlgoExpert is the coding interview prep platform that I used to ace my Microsoft and Shopify interviews. Check it out and get a discount on the platform using the code "techwithtim" https://algoexpert.io/techwithtim
🔍 Playlist: https://www.youtube.com/playlist?list=PLzMcBGfZo4-nRV61oEu3KfMwWKI571uPT
⭐️ Timestamps ⭐️
00:00 | Introduction
00:42 | Cleaning Up The Code
02:25 | Creating The Add Item Component
08:56 | Displaying Data Dynamically
11:27 | Using .map() to Render Data
15:56 | Summary / Code Walkthrough
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
💰 Courses & Merch 💰
💻 The Fundamentals of Programming w/ Python: https://tech-with-tim.teachable.com/p/the-fundamentals-of-programming-with-python
👕 Merchandise: https://teespring.com/stores/tech-with-tim-merch-shop
🔗 Social Medias 🔗
📸 Instagram: https://www.instagram.com/tech_with_tim
📱 Twitter: https://twitter.com/TechWithTimm
⭐ Discord: https://discord.gg/twt
📝 LinkedIn: https://www.linkedin.com/in/tim-ruscica-82631b179/
🌎 Website: https://techwithtim.net
📂 GitHub: https://github.com/techwithtim
🔊 Podcast: https://anchor.fm/tech-with-tim
🎬 My YouTube Gear 🎬
🎥 Main Camera (EOS Canon 90D): https://amzn.to/3cY23y9
🎥 Secondary Camera (Panasonic Lumix G7): https://amzn.to/3fl2iEV
📹 Main Lens (EFS 24mm f/2.8): https://amzn.to/2Yuol5r
🕹 Tripod: https://amzn.to/3hpSprv
🎤 Main Microphone (Rode NT1): https://amzn.to/2HrZxXc
🎤 Secondary Microphone (Synco Wireless Lapel System): https://amzn.to/3e07Swl
🎤 Third Microphone (Rode NTG4+): https://amzn.to/3oi0v8Z
☀️ Lights: https://amzn.to/2ApeiXr
⌨ Keyboard (Daskeyboard 4Q): https://amzn.to/2YpN5vm
🖱 Mouse (Logitech MX Master): https://amzn.to/2HsmRDN
📸 Webcam (Logitech 1080p Pro): https://amzn.to/2B2IXcQ
📢 Speaker (Beats Pill): https://amzn.to/2XYc5ef
🎧 Headphones (Bose Quiet Comfort 35): https://amzn.to/2MWbl3e
🌞 Lamp (BenQ E-reading Lamp): https://amzn.to/3e0UCr8
🌞 Secondary Lamp (BenQ Screenbar Plus): https://amzn.to/30Dtafi
💻 Monitor (BenQ EX2780Q): https://amzn.to/2HsmUPZ
💻 Monitor (LG Ultrawide 34WN750): https://amzn.to/3dSD7tS
🎙 Mic Boom Arm (Rode PSA 1): https://amzn.to/30EZw9m
🎚 Audio Interface (Focusrite Scarlet 4i4): https://amzn.to/2TjXsih
💸 Donations 💸
💵 One-Time Donations: https://www.paypal.com/donate?hosted_button_id=CU9FV329ADNT8
💰 Patreon: https://www.patreon.com/techwithtim
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
⭐️ Tags ⭐️
- Tech With Tim
- React
- React Tutorial
- Programming
- Displaying Data
- Data
⭐️ Hashtags ⭐️
#TechWithTim #ReactTutorial
-
11:30
Tech With Tim
9 months ago $0.01 earnedBuilding A Machine Learning Resume Project From Scratch
1682 -
LIVE
The Rubin Report
53 minutes agoWhy I’m Taking a Break: Best of the Year Thus Far
2,398 watching -
LIVE
Benny Johnson
52 minutes agoSecret Service Whistleblower SOUNDS ALARM: 'There WILL Be ANOTHER Trump Assassination in 30 Days'🚨
6,860 watching -
LIVE
Caleb Hammer
17 hours agoHomeless Hack Blows 60k On Girlfriend | Financial Audit
398 watching -
8:56
Vigilant News Network
17 hours agoPLANdemic 2.0 Draws Closer as FDA Grants New EUA | Beyond the Headlines
1.98K23 -
1:58:56
Matt Kohrs
11 hours agoBuckle Up! MASSIVE Market Swings Incoming!!! || The MK Show
19.9K7 -
1:46:54
The Black and Jewish Podcast with Ashira Solomon
3 hours agoEp.2 The Lost Tribes of Israel
284 -
LIVE
The Kirk Minihane Show
19 hours agoKMS LIVE | July 31, 2024
381 watching -
8:39
MYLUNCHBREAK CHANNEL PAGE
17 hours agoTunnels 18 Levels Deep?
10.8K8 -
1:17:59
Graham Allen
3 hours agoSecret Service DESTROYED In Congress! Hamas Leader Is DEAD!+ Kamala Is Going For A TKO!
40.2K190