Using Array in State in ReactJS 🥸 #reactjs

If you know how you can create simple state variables using the useState() hook, the next step is to use an Array or List of values as a state variable.

When we use an Array in the state, we have to rely upon different Array functions like map(), filter(), etc. So in this video, we will learn how we can manage and use an Array of values as a state variable and update its value on some event like click event.

This is a long video but if you follow this video till the end, you will be able to progress easily to projects like Todo App, Shopping List Manager, etc.

Key Moments:
0:00-1:42 - Introduction
1:43-3:55 - Objective of this video
3:56-10:24 - Array in state and basic UI setup
10:25-18:40 - Adding value to the Array state variable
18:41-26:41 - Removing value from Array state variable
26:42 - End Note

I hope you enjoy this video and learn something new.

Follow me on Instagram:

Keywords:
learn reactjs
reactjs tutorial
reactjs complete tutorial
reactjs tutorial 2023
reactjs complete tutorial 2023
reactjs beginner tutorial
react tutorial beginner
react tutorial 2023
learn react 2023
reactjs for web development
reactjs jobs
reactjs career
react JSX
reactsjs jsx tutorial
add style to jsx
style attribute with jsx
how to use style in jsx element
CSS as module in reactjs

[Habitura]

Thankyou, this series is helping me alot

[pawankumar-hoqe]

Sir does destructure operator exist..? I heard about spread operator or rest parameter.
array=[1, 2, 3]
[a, b, c]=array I have learnt this is called destructuring an array.

[MayankSrivastava-xr]

In this case if we add two same students. and delete one. Both are getting deleted