// React hook = Special function that allows functional components // to use React features without writing class components // (useState, useEffect, useContext, useReducer, and more...) // useState() = A React hook that allows the creation of a stateful variable // AND a setter function to update its value in the Virtual DOM. // [name, setName] import MyComponent from './MyComponent.jsx' import Counter from './Counter.jsx' function App() { return(); } export default App import React, {useState} from 'react'; function MyComponent(){ const [name, setName] = useState("Guest"); const [age, setAge] = useState(0); const [isEmployed, setIsEmployed] = useState(false);
Thanks a lot dude. You explained this topic really well. I'm feeling proud of myself that I could build whatever you taught on my own. Keep it up❤❤❤❤❤❤❤❤
Bro is exceptional , the best teacher I had . I wish that he had a Django course too . unfortunately even though he is great at python , but he prefers JS for web development may be he teach some back end development on python
// React hook = Special function that allows functional components
// to use React features without writing class components
// (useState, useEffect, useContext, useReducer, and more...)
// useState() = A React hook that allows the creation of a stateful variable
// AND a setter function to update its value in the Virtual DOM.
// [name, setName]
import MyComponent from './MyComponent.jsx'
import Counter from './Counter.jsx'
function App() {
return();
}
export default App
import React, {useState} from 'react';
function MyComponent(){
const [name, setName] = useState("Guest");
const [age, setAge] = useState(0);
const [isEmployed, setIsEmployed] = useState(false);
const updateName = () => {
setName("Spongebob");
}
const incrementAge = () => {
setAge(age + 1);
}
const toggleEmployedStatus = () => {
setIsEmployed(!isEmployed);
}
return(
Name: {name}
Set Name
Age: {age}
Increment Age
Is employed: {isEmployed ? "Yes" : "No"}
Toggle Status
);
}
export default MyComponent
import React, {useState} from 'react';
function Counter(){
const [count, setCount] = useState(0);
const increment = () => {
setCount(count + 1);
}
const decrement = () => {
setCount(count - 1);
}
const reset = () => {
setCount(0);
}
return(
{count}
Decrement
Reset
Increment
);
}
export default Counter
.counter-container{
text-align: center;
font-family: Arial, sans-serif;
}
.count-display{
font-size: 10em;
margin-top: 0;
margin-bottom: 50px;
}
.counter-button{
width: 150px;
height: 50px;
font-size: 1.5em;
font-weight: bold;
margin: 0px 5px;
background-color: hsl(197, 100%, 58%);
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.counter-button:hover{
background-color: hsl(197, 100%, 48%);
}
Tried using your c sharp programming tutorial. It did help . Btw are u s software developer?
Please Upload more React videos. If possible, it will help me a lot.
Brocode, do all react hooks please. I like your style of teaching the most. :D
man thank you so much
16:32 minutes of pure fun, clear, and understandable knowledge. thanks, bro
Search for a tutorial again and again. At last, find a clear concept and clear loud voice tutorial. Thanks bro.
You have added a brick to my React journey. especially that of understanding react hooks. bless you
This is a masterpiece.. I searched so many videos about usestate hooks .. Explanation is on point. Thanks alot you saved me ❤🛐
He's intelligent than ChatGPT...He explains everything in a way that is easy to understand!
Ikr 😅
Superior tutorial. Crisp, Clear, and Concise🔥
Thank you! Completing your course was exceptional; your teaching stands out
The more I learn react The more I kind of feel fun I mean entertain from your video haha that was fun
Thanks, you explained this really clearly and helped me get over the hump when first learning about useState.
Thanks a lot dude. You explained this topic really well. I'm feeling proud of myself that I could build whatever you taught on my own.
Keep it up❤❤❤❤❤❤❤❤
You are very good at explaining concepts
please upload other react topics asap, this is the best playlist🤠
Thank you! simple, yet awesome.
Excellent 👌 work keep doing 👏👏 lectures on React js 😊😊😊
very helpful. Thankyou ! got the concept of useState ().
Yes you are gigachad of reactjs thank you sir 🙏🙏
thanks for the lesson. Hugs from Brazil
Bro is exceptional , the best teacher I had . I wish that he had a Django course too . unfortunately even though he is great at python , but he prefers JS for web development may be he teach some back end development on python
Thank you Bro. It's very much easy and helpful after watching the video
Finally, I understood useState hook
Thanks, man, you nailed it.
keep doing what u doing 👍
come on come on...dude...!!!!!! you are always awesome
Thank you Bro for your simple and great React lesson, as always! Could you please speed up your React lessons? Thank you again!
Loved it!!
Thank you Bro for your simple and great React lesson, as always! Could you please speed up your React lessons? Thank you again!
Agreed, I just started learning React and I want more content D:
The goat as always
❤❤❤ THANK YOU
Thank you bro
👏👏
cant wait to watch django tuturial from bro 😀
anything is better if bro teaches @@shining_cross
will this be full course soon? Thanks again for this !
Gold
thanks man
more i need more react 😁😁😁
Bro Plz do a React Native tutorial
Can you make a tutorial on redux pls?
Is it just me, or does your voice sound different?
It's the same, one thing there's no background noises as usual
Kotlin Language Tutorials Please Bro Code
Where did captain hook buy his hook?
A second hand store 😂