React Project - Build a Inventory List with useState, useEffect, useRef

Norbert BM Web Development
Norbert BM Web Development
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
2 سال پیش در تاریخ 1401/10/19 منتشر شده است.
1,119 بـار بازدید شده
... بیشتر