Learn to use State in React in 19 minutes (for beginners)

love the content !!

Nice video

Just come across your channel (I think) and liking the way you explain things.
After just over a year of leaning JavaScript and building many projects, I decided last week to take the plunge and begin learning React. Looks like I'll be frequenting your channel quite a bit.

Can you also implement the usestate to hide your fucking face middle of the screen

best video

Here i am after almost 5 confusing videos, finally got it! subscribed and looking forward for more.. thanks Sonny!

Yep thats what i needed before going to building the apps

Great job! You do a great job explaining everything

Wow I'm happy I began learning React after Hooks came out versus a class system, thank you for sharing.

We've never seen your lefts side of the face Sonny😂😂

Hello Sir!
I have problem in useState:

import React, {useState} from 'react'

function App(){
var [data, dataUpdate]=useState(0);
function change(){
dataUpdate(data+1);

}

return (
<div>
<h1>{data}</h1>
<button onClick={()=>change()}>Click Here</button>
</div>
)
}

export default App

Whenever i used useState it shows me the blank page after execution

thank you SO SO much

Hello sonny, you mentioned something about making state persistent with a database, how does this work…or if anyone knows how kindly share, because I have a toggle button that makes a call to an endpoint and every time I refresh the page or go to another tab in the app it resets back to the default

Class component is dead my brother 😂

thanx bro here more easy way

const [count, setCount] = useState(0);

return (
<div>
<p>You clicked {count} times</p>
<button onClick={() => setCount(count + 1)}>Click me +</button>
<button onClick={() => setCount(count - 1)}>Click me -</button>
</div>
);

Great content!

Great video! Please don't use vocals in your background music. It makes it sometimes hard to focus on what you are saying.

why are you talking about class components still?

Thank you so much for the content. Really improved my understanding of the react features.

Thanks!!

Thank you so much 👨‍🏫🙋‍♂️

PAPA SONNY WE LOVE YOU

This is THE best video explanation I have seen on this. Thank you so much. I totally understand now.

Keep up the good work man
this video was really help full

Agradecido con el de arriba 😊

Son Heung Min!

Create a video about login form in React js.

Ты крутой, спасибо! I mean you are super rockstar)) thanks for guide)

your videos have so clearty..........your videos are amezing .......... :)

Boom Sony!!.. Love from BD

What a nice tutorial bro, I was struggling to understand this concept because most tutorials use complex examples this though was brilliant, tnxs

how to use arrays in state?

Very interesting video. Thank you.

Try to maintain your custom hooks very simple, without much logic.

Remember guys that we can create our hooks called custom hooks, these custom hooks help us to share the logic for differents components

Sonny great intro that you have bro

great explanation

State is the react way of definning variable, this is so refreshing!

What's a good way to update a nested property of an object in useState? My state stores an object with a property that holds an array. I need to update array items. The way I am doing it now is to clone the whole object, do the update, and then put the whole updated object back into useSate. Appreciate!

Iam a newbie

The doubt i have is,in this video when u created a class based component and then import it in index.js..what u did is import app from (its location)...but the name of the component was not app right?..it was "appclass"..then how did it display it in the browser without any error..and even when u render the component in index.js..u simply wrote <app />..shouldn't it be <appclass /> ?

Iam totally a beginner..need help

Your videos are awesome

Great teacher. This guy is official!

Nice sir

Hello, could you explain how to update multiple state variables depending on one another in functional Components like in-class components we can pass back a callBack to this.setState, we callback will update the state after it.


in class component-->
this.state ={count:0,ans:1}
this.setState((prev)=>{return {...prev, count : count+1}},(prev)=>{return {...prev, ans: count * 2}});
in this way first "count" will be updated and then "ans" will be updated. How to achieve the same with functional
components.



in functional component-->
const [count, setCount] = useState(0);
const [ans, setAns] = useState(1);

setCount(prev=>prev+1);
setAns(prev=>count * 2);
but as state updation is an async process then "setAns" could have old value of "count" i.e 0;

I truly appreciate you for being there. Keep rocking!!

I saw you teaching clever programmer then came to your channel lol