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“
🔍 Playlist:
⭐️ 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:
👕 Merchandise:
🔗 Social Medias 🔗
📸 Instagram:
📱 Twitter:
⭐ Discord:
📝 LinkedIn:
🌎 Website:
📂 GitHub:
🔊 Podcast:
🎬 My YouTube Gear 🎬
🎥 Main Camera (EOS Canon 90D):
🎥 Secondary Camera (Panasonic Lumix G7):
📹 Main Lens (EFS 24mm f/2.8):
🕹 Tripod:
🎤 Main Microphone (Rode NT1):
🎤 Secondary Microphone (Synco Wireless Lapel System):
🎤 Third Microphone (Rode NTG4 ):
☀️ Lights:
⌨ Keyboard (Daskeyboard 4Q):
🖱 Mouse (Logitech MX Master):
📸 Webcam (Logitech 1080p Pro):
📢 Speaker (Beats Pill):
🎧 Headphones (Bose Quiet Comfort 35):
🌞 Lamp (BenQ E-reading Lamp):
🌞 Secondary Lamp (BenQ Screenbar Plus):
💻 Monitor (BenQ EX2780Q):
💻 Monitor (LG Ultrawide 34WN750):
🎙 Mic Boom Arm (Rode PSA 1):
🎚 Audio Interface (Focusrite Scarlet 4i4):
💸 Donations 💸
💵 One-Time Donations:
💰 Patreon:
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
⭐️ Tags ⭐️
- Tech With Tim
- React
- React Tutorial
- Programming
- Displaying Data
- Data
⭐️ Hashtags ⭐️
#TechWithTim #ReactTutorial