Premium Only Content

React Project - Build a Inventory List with useState, useEffect, useRef
In this React js Project you will learn how to create a inventory tracker app. The inventory tracker is a web-based application that allows users to manage and track the items in their inventory. It is built using the React JavaScript library, which is a popular choice for building user interfaces because of its flexibility and efficiency.
🎱Source Code for this Video:
https://norbertbm.com/build-an-inventory-list-with-react-usestate-useeffect-useref/
-----------------------------------------------------------------------------
👇 Website & Courses: 👨🏫 :
https://norbertbm.com/web-development/web-dev-courses/
Podcast:
https://www.youtube.com/channel/UCDKBcl1m__Oj7C5O-orhn_w
-------------------------------------------------------------------------------------------------
Timestamps:
00:00 - Intro & Project overview
01:39 - Create react app using npx
05:32 - Create a form with input tags an a submit button in react
08:46 - Create the output for the inventory List
12:56 - Auto focus on the input field using useEffect and useref
14:51 - create a function to handle the form submission
16:55 - Condition the submission event
18:33 - Output the inventory list from the state
20:15 - Update the inventory list
23:31 - Add values and update values of form inputs in React js
25:29 - Create a function to Delete list items
28:31 - Create a function to eddit the inventory list items
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
#reactproject #reacttutorial #norbertbmwebdevelopment
-
1:01:55
MTNTOUGH Podcast w/ Dustin Diefenderfer
19 hours agoJason Khalipa: American Men: Get Off the Couch and Rise Up Now | MTNPOD #133
902 -
5:17
Blackstone Griddles
11 hours agoEasy Weeknight Meals: Creamy Parmesan Beef Pasta
374 -
7:08
Rena Malik, M.D.
21 hours ago $0.04 earnedFour totally surprising causes of Back Pain
1371 -
6:27
DropItLikeItsScott
13 hours agoIs This the Coolest Gun Accessory Ever? The Gun Guardian
36 -
19:05
Michael Feyrer Jr
21 hours agoCan you even fit this much FAIL in one video? $10K Challenge Week 1
8 -
19:53
Professor Nez
15 hours agoYou WON’T BELIEVE What I Found on Charlie Kirk’s Shooter!
89111 -
1:35:53
The China Show
16 hours agoBrutal Mayhem in China as Dark Coverups are Exposed - #280
74 -
12:30:34
Times Now World
22 hours agoLIVE | Russia-Belarus Zapad-2025 LIVE | Missiles Target NATO in Arctic & Baltic
3.55K1 -
32:14
daniellesmithab
17 hours agoNew Feature for Driver’s Licence and ID Cards
22.6K5 -
2:54:40
FreshandFit
14 hours agoChat Makes Pothead RAGE QUIT!!!
480K74