React Project - Build a Inventory List with useState, useEffect, useRef
1.1 هزار بار بازدید -
2 سال پیش
-
In this React js Project
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-invent...
-----------------------------------------------------------------------------
👇 Website & Courses: 👨🏫 :
https://norbertbm.com/web-development...
Podcast:
@weeklycodequickieswithnorb7284
-------------------------------------------------------------------------------------------------
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
🎱Source Code for this Video:
https://norbertbm.com/build-an-invent...
-----------------------------------------------------------------------------
👇 Website & Courses: 👨🏫 :
https://norbertbm.com/web-development...
Podcast:
@weeklycodequickieswithnorb7284
-------------------------------------------------------------------------------------------------
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
2 سال پیش
در تاریخ 1401/10/19 منتشر شده
است.
1,119
بـار بازدید شده