React for Beginners #5 - State & useState

Welcome back to another React tutorial! In this video, I will be covering State. State is data that your app is holding and tracks and in our case, we'll be implementing State into our components.

⭐️ Timestamps ⭐️
00:00 | Introduction
00:18 | What is State?
01:27 | Functional Component State
09:50 | Passing State to Child Components
13:10 | Class Based Component State

◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
💰 Courses & Merch 💰

🔗 Social Medias 🔗

🎬 My YouTube Gear 🎬

💸 Donations 💸
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️

⭐️ Tags ⭐️
- Tech With Tim
- React
- React Tutorial
- Programming
- State
- useState

⭐️ Hashtags ⭐️
#TechWithTim #ReactTutorial

[mattiepro]

The best mini-course on React ever! Thank you!

[ahmdm]

I just got off learning react because i rarely found good not boring videos. thanks Timm i think imma hop backk

[mohammedabunadaa]

Thank you so much 😊
It’s the perfect explanation of state

[zachfenton]

awesome video, well explained, had to go step by step and even added a count down button to understand the concept in reverse.

[flyte]

You got me into starting js/react with that series ! I was learning django/kivy but fuck it react and react native is obviously the way to go 👍👍

[ananthramvijayaraj]

Hey Tim, are you into competitive programming also could you try uploading some data structures and algorithms videos. Thanks a lot and keep up the amazing work!

[bradmclean]

I have the buttonPressed() function running without the need for binding or the arrow function. Perhaps there is a setting difference?

[emreugur]

Why would you use an arrow function to call setTitle and setCount rather than a regular function?

[ckortreat]

are you planing to make a fullstack django react tutorial? i know that you already have such a tutorial but there you are using class components instead of functions

[mrsquiggles]

I want to be you when I grow up (I'm 30)

[shirbenyosef]

buttonPressed = () => {
this.setState({
count: this.state.count +1
})
}
render() {
return (
<div>
<p>Count: {this.state.count}</p>
<button Me!</button>
</div>
);
}

also works to fix 16:50