React useState Explained in Bangla | Beginners Hook Tutorial with Example - video Dailymotion

ABC Computer

Youtube: https://youtu.be/GPW9z1qCJNQ 🎯 এই ভিডিওতে React এর useState হুক সম্পর্কে বিস্তারিতভাবে শিখবেন:  🔹 useState কী এবং কেন এটি দরকার   🔹 কিভাবে কোন ভ্যালু স্টেট হিসেবে ধরে রাখা হয়   🔹 কিভাবে স্টেট আপডেট করতে হয়   🔹 ছোট উদাহরণ দিয়ে সহজভাবে বুঝানো হয়েছে  🧠 যারা নতুনভাবে React JS শিখছেন, তাদের জন্য এই ভিডিওটি খুবই দরকারি।  🔗 এ বিষয়ে বিস্তারিত জানতে ভিজিট করুন: https://blog.teamsabc.com  📌 ভিডিওটি ভালো লাগলে Like দিন, Comment করুন, আর Subscribe করতে ভুলবেন না!  ✅ #reactusestate #reacthooks #reactjsbangla #usestatebangla #learnreactbangla #reacttutorialbangla #reactstate #frontenddevelopment

Transcript

00:00Assalamualaikum

00:02How are you today?

00:04This is the ABC Computer

00:06I am Mohamed Bonino Senna

00:08Welcome to the last video

00:10In the last video, we will

00:12just put a button on the button

00:14and use the one claim

00:16and use the one claim

00:18In the last video, we will

00:20use state management

00:22by state change

00:24and react

00:26and hook

00:28and use state

00:30and use the one claim

00:32and use the one claim

00:34and use the one claim

00:36We will inspect the browser

00:38but we will not

00:40inspect the one claim

00:42so we will close

00:44and close

00:46we will have a console

00:48but we will have a set

00:50and we will have a set

00:52we will clear

00:54we will

00:56data

00:58restructure

01:00so

01:02data

01:04restructure

01:06so

01:08data

01:10restructure

01:12structure

01:14structure

01:16so

01:18data

01:20structure

01:22data

01:24structure

01:26object

01:28name

01:30name

01:32name

01:34and

01:36this

01:38is

01:40this

01:42this

01:44is

01:46the

01:48structure

01:50this

01:52is

01:54this

01:56is

01:58to

02:00this

02:02the

02:04one

02:06one

02:08one

02:10the

02:12one

02:16one

02:18two

02:20page x and y, and if i possible three to go we will have three to five esses.

02:31let's restart

02:40disk part

02:46disk part function

02:50disk part

02:54disk part

03:00disk part

03:06disk part

03:08disk part

03:12disk part

03:14disk part

03:16disk part

03:18disk part

03:20disk part

03:22disk part

03:24disk part

03:26disk part

03:28disk part

03:30disk part

03:32disk part

03:34disk part

03:36...

03:41...

03:48..

03:51...

03:55...

04:00...

04:02enter

04:06I am just a distraction

04:11a just a normal function function of return

04:15like a function

04:20big part

04:28we're going to take the price of the price we'll get the price again

04:38we'll get the price again

04:44we'll get the price again

04:47let's see

04:50change

04:52numbers

05:17here

05:21this means number is equal to value

05:27value is equal to number

05:29iam just give this

05:29what do we have to do

05:31we have for a second

05:34we have to create

05:36same unique other

05:41we have value

05:43we have our new state

05:45state management

05:49If you click on click, click on the button, add a new page.

05:55Now, I will see the video as well.

05:58Now, I will click on the file to record.

06:04Now, what is the name?

06:11What is the name?

06:13student student student dot jsx okay so I'm normally export default function

06:26student student and every parameter parameter to the topic I can't go to return how we return

06:35go on lucky not an incredible return quality is 3 is 3d am not a written for the world is 3d am

06:45written for the world's 3d am written for the culture to tell student student as a music

06:51So, let's go to App.js.

06:54Now, we have to go to App.js.

06:56We have to go to App.js.

07:00We have to import this.

07:02This is automatic.

07:04The extension of VS Code is automatic.

07:06Now, we have to go to Visual Studio Code.

07:10So, we have to click Check for Update.

07:12Now, we have to click on the update.

07:14So, we have to go to App.js.

07:18Now, we have to go to App.js.

07:20Now we have student, student, student, student, import student, from student, automated, save, total student, something use factor.

07:34Now we have return, we have a return, we have a function use, data destructure, same way we have data destructure.

07:48e first name is the main deviationнем request thunderstorm.

07:58Next we have return, student and student, student, student, and student.

08:08Waszam program पेखने मानता इदीव कोशी इनीशीयर ग्रीड भिलू दीए दीक है

08:11donc when value it went on 0 four alone easier

08:13iamra which a cost चार कर liberal धर्वanhक होすफमाछ चऊचे प्लाश फॉडेंट

08:16us aboveिधियल दिलामी ते बॉणके श्टूडेंट

08:20Student. Okay?

08:22Now, this is the same thing.

08:24This is the same thing.

08:26This is the same thing.

08:28Student.

08:30Save column 0.

08:32What do we do?

08:34What do we do?

08:36We have a button.

08:38We have a button.

08:40We have a button.

08:42Add student.

08:44Add student.

08:46Add student.

08:48Add student dot button.

08:50Analytics.

08:52Add student.

08:56Add student.

08:58Now it comes to me.

09:00Now it comes to a button,

09:02all those components get dirty.

09:04And how to fix?

09:06Add CSS file.

09:08Just fill it with universal CSS

09:16Yes, according to the

09:26looked and experts on the

09:30field, it was very prevalent legislature in

09:3710, when the Zelation level

09:41are 30

09:42pixel and for the watch a border radius border radius bro ray yes

09:51baron dash pixel yes hey I am right a universal CSS story going on a bar

09:56I'm Ricky Obama just a mother JDB leader a class name was a diva unique

10:02simple um like this one I can watch an important in a time and import

10:07there was a little more Jordi played in court that were at nation dot slash

10:12that are for the key I'm other you and I got CSS circle I was into last

10:18it is a tournament I'm other it is it is product all other function

10:21acha a job yellow ever are I'm right to just see a disunitically

10:26color history barbelly history and the law history and combo

10:28economic family history got it take a lot initial concept money initial like

10:32the data and you see zero ever said student died at a function and the

10:36So, that is, we take this to the wagon.

10:38This is a function of our eidée page.

10:40We are using the button to run.

10:42Click me, Click Direction, double me.

10:44We also use the button to run.

10:46We use the same function of the handlers.

10:48Now, we use the handle to get this to the side.

10:50Handle add.

10:52Handle hn.

10:54Handle add.

10:56Handle add.

10:58Handle add name we can use a class.

11:00It is a function called.

11:02We can use a function.

11:04as a new student as a new student is equal to

11:17to a mother the student chilo but as a day I'm not exactly ready to go

11:21are a mother sit student jet to have a sit up with another new student

11:27I can't judge you to a mother function did you know function okay

11:32kiss a terrorist checker or state student jessex that I'm gonna be able to

11:36see the key is a constant new student at a minute is a handle at and a function

11:42now handle at the function function and it's not going to believe any I'm going to

11:46, so we have to add the function function which we will do this from a setup.

11:53I just want to add the function function, which we will do.

12:00So we are refuncting function, so only to add the function function function.

12:06So, handle add this function function.

12:12okay okay okay okay okay okay

12:22main jsx app jsx

12:27what happened in the world

12:30okay i'm on the file that we student does it you know said jsx main jsx main jsx

12:36to know index ss mcsx okay

12:54okay student student data key ever i'm not just button a

12:59i'm a there i take a on click j function the silhouette one clicked

13:05on click function editor i'm not just mother handle add it at the beginning

13:09set column set for a program with a student equally that can i'm on the song

13:13me to bathe say yes it actually really student come over telecom

13:17like it was just normally i'm not just like an asylum

13:20available delivery calls handle

13:24leave handle lea believe it at them are active function

13:30the same way we just variable click on new leave student

13:37leave student is equal to student is equal to student is equal to minus one

13:43and we just leave student just leave student

13:48just leave student click on minus

13:52because we will not click on leave student

13:56just leave student one click

14:00handle leave

14:05save column

14:07leave student click on minus

14:09mother genius

14:11this list is javascript

14:15but react is wrong

14:18this list is automatically

14:21so that we can nawne

14:27the same thing we can do

14:29user state

14:31so right the number

14:33react

14:35react

14:37this is actually

14:39that we can do

14:40new student

14:42handle

14:43new student

14:44If we have student, we have one job.

14:46If we have live student, we have one minus.

14:50If we have new student, we have set student.

14:54If we have one question,

14:55we have one student, we have one student.

15:00Why not?

15:01Because we have reactor in the future,

15:07we have to declare a const.

15:10We have to declare a const.

15:12Then we have a googling physics.

15:16We have

15:18to declare data on our own identity.

15:21We have data.

15:23We have one student,

15:26as well.

15:29We have one student and

15:33most...

15:34Question,

15:35.

15:36.

15:37.

15:38.

15:39.

15:40most

15:42.

15:42traumワ savings .

15:42.

React useState Explained in Bangla | Beginners Hook Tutorial with Example

Category

Transcript

Be the first to comment

Recommended