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