#30: Hooks in React JS in Hindi | useState in Hook in React JS in Hindi in 2020

Welcome, what is Hooks in React JS in Hindi? We will see the useState hook in react js in Hindi. Hooks are functions that let you “hook into” React state and lifecycle features from function components. Hooks don’t work inside classes - they let you use React without classes. React provides a few built-in Hooks like useState. The useState hook allows us to make our function components stateful.
When called, useState returns an array of two items. The first being our state value and the second being a function for setting or updating that value. The useState hook takes a single argument, the initial value for the associated piece of state, which can be of any Javascript data type.
************ Must Watch Videos For Web Development ************
➡️ Array Destructuring in ES6 in JavaScript in Hindi 2020: • ES6 Tutorial #5: Array...
➡️ Object Destructuring in ES6 in JavaScript in Hindi: • ES6 Tutorial #7: Objec...
➡️ React DevTools & Source Code Link: www.thapatechnical.com/2020/0...
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
➡️ ReactJS JavaScript Array Map Method in Hindi with Example: • ReactJS JavaScript Arr...
➡️ Fat Arrow Function in JavaScript in Hindi 2020: • ES6 Tutorial #8: Fat A...
➡️ #23: Array in React JS in Hindi | React JS Project Netflix App #2 in Hindi in 2020
➡️ Array in JavaScript in Hindi: • JavaScript Tutorial in...
➡️ #22: React JS Project Netflix App Part #1 in Hindi in 2020: • #22: Props in React Js...
➡️ Install VS Code for ReactJS LINK: www.thapatechnical.com/2020/0...
➡️ Check Complete Reactjs in One video here 👇 • ReactJS For Beginners ...
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ ReactJS in one video: • ReactJS For Beginners ...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
********** CLICK HERE TO WATCH ************
➡️ Fetch API in JavaScript: • Fetch API in JavaScrip...
➡️ AJAX tutorial for beginners in Hindi: • AJAX tutorial for begi...
➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: • ES6 Tutorial #3: Templ...
➡️ Async Await in JavaScript in Hindi: • Async Await in JavaScr...
➡️ Promises in JavaScript in Hindi: • Master The Promises in...
➡️ Callback Hell in JavaScript: • Callback Hell in JavaS...
➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
➡️ Source Code Link: www.thapatechnical.com/2019/1...
➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
➡️Plz show some love to My Siter KZbin Channel and Plz Subscribe Link: / @mayabeautyvlogs878
**************** MUST WATCH VIDEOS *****************
➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
➡️ How To Become a Web Developer 2020: • How To Become a Web De...
➡️ How JavaScript Works: • How JavaScript Works i...
➡️ Follow me on Instagram: / vinodthapa55
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
➡️ Link: • Make Website Responsiv...
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: www.thapatechnical.com
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: vinodbahadur...

[@ThapaTechnical]

Guys, this is the most important topic in ReactJS✅ tho end tak dekhna n kuch doubt ho tho jarror comment krna.. me aane walo video me clear krta hu🙏

[@zshanal3870]

The way you explained hooks here is amazing!! I always give attention to your explanation ... keep it up

[@deepnarayangupta4714]

Sir please CSS files ka code provide kra do

[@mananbari4725]

@Thapa_Technical Can you please make a video for Global state Context and Hooks plz let me now if you will or not

[@masumalimaknojiya9623]

@@amit0007ist {dicment} aayega -1 krna h to 😃

[@hasnainkk4896]

Mene apka ye video pora dekha hai or mene try bhi kiya hai lekin ek masla a raha hai const[count, setCount] setCount me eslint ka error a raha hai debugging error. help me please how to overcome this error.

[@shashankshekhar5693]

Brilliant.. Thapa ji aap kya samjhate ho.. really standing ovation to you.

[@user-gu1hv2mb2j]

million times better teaching style than code with harry

[@Shahzaib-un5gl]

I was just thinking to watch another video on hooks due to lack of my own understanding and then bonus section began and now my concepts are fully cleared, Way to go Thapa Bro, you are a genius 🔥

[@editedvideoshub7548]

Best video on hooks on the internet, explained exceptionally simpler way, I was having a lot of trouble to understand hooks but now it's really clear. Thank u so much sir keep making such kind of amazing videos 🥰🥰 Lots of love from Assam♥♥

[@funadda7359]

Thanks bro jo concept kahi pr clear nahi ho ra tha wo apke channel pr aake clear ho jata hai ,keep making videos and keep helping students

[@priyabratpriyanshu1150]

Sir aapse padh kr aatma tript ho jaata hai one of the best explanation about react hooks thanku sir

[@rahehaq5536]

You have provide all the basic information about useState that every begginner needs first. Than U Sir. May Allah Bless U

[@ashoknagar1028]

I am a beginner in React js but this video is very easy to learn hooks in react js. Thank you, bro.

[@himankverma125]

the best thing is he explains anything in a way, a beginner can understand easily.

[@DeepakKumar-wh7bv]

Bhai tumhari dialogue delivery khatarnaak hai . Awesome ... Jisko react nahi bhi padhne ka man hai, wo bhi tukud-tukud dekhta rahega tumhari video ko. Badhiya kaam kar rahe ho . Mujhe ye youtube recommendation me aya tha video. maine bas yu hi start kiya , lekin poora dekh gya. 🤣🤣🤣🤣🤣🤣 All the best bro .. Well Done

[@defaulttuber2565]

for starting at 10 and decrement upto 0 the code is const App=()=>{ const state=useState(); const[count,setcount]=useState(10); const IncNum=()=>{ if(count>0){ setcount(count-1); } }

[@sanazainubbukhari8361]

from few previous days I was practicing usestate hook but was unable to understand cycle of how it actually works you are just a blessing for learner cant say thanks in words you are amazing yar you are amazing...Thanks alot men

[@letsshowdesigns]

Sir, make a complete project in which use react as a front end and php as a back end , because from that beginners got the idea that how actually react is work and they get job as a beginners.

[@AlokSingh-vt9ws]

Watched your video for first time and it's really you explained useState concept in most efficient way. Subscribed for all your videos. Guys it will going to help you in interviews too :)

[@AnkitKumar-ql8gh]

Honestly speaking, you are my motivation while learning Reactjs

[@magiccubing2587]

This channel is so underrated 😭

[@manthanramteke6101]

I love u 💕💕

[@rameshkumarmishra3188]

@@manthanramteke6101 i love you 2

[@teenxgaming4023]

That's are those raptiels of indian community

[@harshitasingh6075]

True…..I found it very useful

[@aakashbhandari9761]

@@rameshkumarmishra3188 😂😂😲

[@awaishussain5918]

meny ap sy bht kuch sikha hy React Js ka....or ye topic isi video sy smj aya aj shukrya brother Love from Pak ❤️❤️❤️

[@kartikbhardwaj6252]

He can change a donkey to a coder.... After watching hundreds of videos of code with harry and techgun on reactjs i love your content... Your one video tells many thing compared to others hundreds of videos.... Edit:love you broo....

[@mr__atiur]

Aap ye jo fat arrow function ke peeche pade hain bahut sahi hai qki ye ab yaad ho gaya hai. Thank you

[@mahendrasinghnegi4974]

Hello, Thapa Technical.. Your teaching skills are too good. I watched your video today only once time and today I understand to much about useState hooks. Thank you very much for your energetic effort.🙂

[@_.Mustafa._]

Explained it very well sir, even a beginner can understand easily. I appreciate your efforts.

[@adarshjai3769]

I don't know why r u not famous like other tech youtubers (cwh,hitesh,sherians)🙄 BTW, ur teaching skill is awesome !!!

[@shivanisingh7834]

Best video on hooks on the internet, explained exceptionally simpler way, I was having a lot of trouble to understand hooks but now it's really clear. Thank u so much sir keep making such kind of amazing videos 🥰🥰 Lots of love from UP♥♥

[@nikleshniks]

Awesome Thapa Ji :)

[@CHSPlays]

To increase by 10 just setCount(count+10); To decrease setCount(count-1) thank you for explaining!

[@mohitgoyat4148]

import React, { useState } from "react"; import { Button, Text, View } from "react-native"; function App() { const [count, setCount] = useState(1); return ( {count} setCount(count + 1)} /> setCount(count - 1)} style={{}}/> ); } export default App;

[@mohitgoyat4148]

try this how much u want addition or substraction just change the no.

[@yatinbahl6240]

Man.. You are just amazing. You cleared all my doubts 😍

[@adilrao7777]

Nice Explanation. I truly appreciate you sir..💕💕

[@joyinmahmmadaslamlaskar3355]

Your videos are very understandable You are really a good teacher Thank you very much for uploading such courses

[@arunsharma4600]

This was the most challenging video in this series

[@chiragsoni1589]

udmey ka course hai waha par pata nahi chala phir yaha aake is video me pata chala ki useState kese kam krta hai

[@chiragsoni1589]

@code fire yeah that's true

[@chiragsoni1589]

@code fire so you sweetched your career from non-tech to tech

[@professor3092]

Bhai 🙏🙏 tumhare charano ko shat shat pranam 🙏 10 din se mera dhimag kharab hua tha. You cleared it.

[@JaiPrakash-ku7it]

The way u r explain is Woooow, boom... amazing...I like it....best part is u r explaining in Hindi that is awesome.......pata nahi people hindi kyu explain nahi karte h other channel pe......Na samjhane walo ko achhi English aati h or n samjhne walo.....at end kisi ko kuchh gain nahi hota h..... thanks man....I have everything from ur channel and still watching........App Redux pe video banaye please..

[@ghoshdipan]

Mast video tha. Ekdum butter samaj aya sab kuch. Implemented on own!

[@diptisindkar9989]

Yo Thapa.... Ur vedios are awesome... We are gaining more knowledge by watching these vedios during covid...thanks a lot🔥.can u create counterup using reactjs ?

[@Abhay14]

Vaao bhaiya maine 6 pack programmer ka video dekha kuchh samajh me nhi aaya Then I found you I totally understand use state Thank you ❤

[@ahmadmhtb6330]

your explanation is perfect, May Allah bless you more strength to serve people.. keep going on

[@suryanshchandel725]

Thankyou so much thapa bhai aapne itni acchi knowledge free mei provide ki Thankyou once more

[@pavanxb]

Very precise and concise explanation!

[@HuzaifaUsman313]

Thapa Your Teaching style is very nice here in Pakistan IT our IT students Listen and learn you , So Thanks From Pakistan .

[@vipulchaudhari2004]

Very useful playlist. Thank you very much.....

[@RahulSaini-lf4bk]

please explain the (state component ) and also make a video on CRUD... your video is very useful for me. Thankyou....sir....

[@nileshnilu7902]

This is what I try to find in KZbin to understand...

[@himanshudhote2693]

Bhai kya explain krte ho yr ♥️♥️♥️♥️♥️ maja aa gya yr bhai thanku bhai

[@thecoderraj3777]

Thanks a lot sir :) Very Helpful Video 🙏😊

[@blogtriggers]

Very best explaination about hooks in the internet thank you thapa sir for better understanding a react hooks

[@Divya_Ardad]

Bhai... Apne bahut achha Explain kiya...

[@DEEPANSHU_NAG]

Awesome topic 💯👏🏻✌🏻

[@karishma-verma]

Best explanation on hooks..👍👍👍👍👏👏👏👏👏👏👏👏👏👏

[@akshaysalve9393]

Awesome video with easy explanation👏👏

[@hafizbilalahmed2832]

superb samjhaya h saahib u r love♥

[@52punk60]

Explained it very nicely!

[@preetigautam925]

Firstly thank you so much Sir Really enjoyed how you explained everything. Super helpful for beginners like me. You have unique ability to make complex concept into simple and manageable. Your dedication to teaching and helping others learn is truly inspiring. keep up the great work! Again thank you so much sir

[@ranjitdesai3926]

EKKKKDDDDUMMMM ZHAKAAS BHAI!!!!!

[@kunalgautam8312]

Finally found my answer that i asked in previous video

[@pranjalikhandelwal163]

awesome videos made.your teaching style very nice ..thank you so much ..if you know about angular so plz make videos on it as well.. i really need it

[@SHAHRUKHKHAN-gu2tm]

plese create series on react native expo

[@RohitYadav-vn1rq]

Love u bro , awesome explaination

[@xpointer483]

Very well explained!

[@manthanramteke6101]

You are always awesome brother ❤️❤️💕☺️

[@snehgour9711]

Brillent Brother explained so complex topic is such a simple way hatts off

[@AliHaider-nk3qs]

Bro why you didn't make a video on states props and states are the core things in react please make a separate video on it I am from Pakistan and I have already watch 32 videos from this playlist in a single day the way you explain each and everything is superb lots of love from Pakistan 💯❤️🔥

[@963258741ydhfcvn]

Bro did u teach the class based components?? Bcoz on the starting of the video you say something regarding class based function

[@AliAhmadae121]

thapa bhai best harry bhai itna clear nhhi samjhaty lekin harry yahoo baba thapa bhai best hain inshAllah ek din ap logo ki wja shye ma b software engineer ban jnaw

[@prash0202]

Sir, if we have multiple variables and we want to change their state so do we need to add useState everytime, please elaborate

[@shaikhjavid8498]

Bhai Tu Pro Hai ❤🙌😇

[@charusharma7738]

Thank u for making things so easy

[@ispiDeyOP]

best video on whole internet

[@charsipandavlog1]

Great video brother,

[@hush5295]

setCount(count +10); //for +10 setCount(count-1); //for decrement

[@chudasamavivekk7017]

How to validate 2 input value using react hook ?

[@ankitrikame336]

Best explaination .... 👍👍👍

[@libraroxen]

Hi it would be very nice if you make a video on how to add links in footer for example in footer there are many links coming through objects using Map function. adn every value has a link . I saw your video on map function it was very breif and helpful but if you can make a video explanation to this it would be great.

[@aliadnanasim4420]

sir ap react k liye vs code ki kon kon c extention use kr rhy hain... please please bta dain

[@ankushsonone8433]

Jaha humne count +1 likha hai waha count +10 kr denge to 10 se increment Ho jayege or decrement ke liye sir apn count-1 kr sakte hai to 1se decrement kr dega. Ye Sab hum setCount () ke ander he krenge. This is answer of you challenge if I wrong somewhere please correct me😊👍 and your content is awesome sir.

[@professionalman2591]

Thank You For best Explain

[@dr.drunkenstein3367]

here is css code similar to thapa bhai.. . . h1{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 80px; border-radius: 12px; padding-bottom: 120px; } button { background-color: #6B78B4; margin-top: 100px; border: 8px solid brown; border-radius: 12px; font-size:xx-large ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-decoration: none; outline: none; color: white; padding: 20px; }

[@akshatvyas2594]

since count is a const variable than how is it's value changing.

[@chessexpert4139]

sir we can also change the state with the help of DOM element instead of hook?

[@kashmirtechtv2948]

Will this Playlist help us to have a complete grip on React?

[@ujjwalgoyal7215]

Sir last tak aate aate aap concept ko bhut jayda complicated kar de rhe ho jisse code ki functionality ko samjhna thoda mushkil ho jata h isliye meri request h ki last me ek bar code ko reconfigure kar diya kare Thank You

[@singhgagandeep955]

this video make my doubt clear

[@TheDetroja]

Hi, Thapa. Where is the #29 video link?

[@usmannewton5361]

U r simply great. I have learned a lot from u.

[@ankitbaiskhiyar3106]

Next level explanation :)

[@khanti-odia]

thank you bhai for this effort

[@akshayjadhav1216]

Bro please make video on.. how to add multiple domains with multiple mysql databases in one premium webhosting...

[@virendrapatil8539]

count is a constant variable and then how its getting updates in IncNum function

[@rawahapool]

Thapa cleared any confusion !

[@akshatvyas2594]

CSS : Responsive *{ box-sizing: border-box; margin: 0px; padding: 0px; background-color: #d2dbdd; } h1{ font-family: Arial, Helvetica, sans-serif; position: absolute; top: 50%; left: 50%; font-size: 46px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } button{ font-family: Arial, Helvetica, sans-serif; position: absolute; font-size: 15px; text-transform: uppercase; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 60px; border-radius: 4px; font-weight: 600; background-color: rgb(243, 103, 243); color: white; border-style: none; cursor: pointer; width: 150px; height: 50px; } button:active{ color:wheat; } button:hover{ font-size: 20px; background-color: rgb(255, 60, 255); }

[@rushikeshpatil6800]

Thank you Bro

[@fearflik]

thank u brother

[@ManishSonewane-rh9kg]

Bhai bahot sahi ❤❤❤

[@sriakhilvarmayedara6783]

3:17 this basic example for the beginners in flutter app development

[@dhruvdalal878]

ya its the default project after running flutter create

[@anjon-roy]

Sir yeah jo upko VS code main auto linking add ho raha hain, up kon extension use kiya?

[@saheeldas5205]

really nicely explained

[@rajat-s-kale1771]

Your teaching is awesome

[@mongalmoy_karmakar]

Excellent explanation 👍

[@pratikparamane4151]

DAMN man awesome explaiination :)

[@gamerharry8905]

i like you style when you say boom :P

[@vaibhavsumal]

what are the hooks that replace all class based lifecycle methods?

[@sameersiddiqui2520]

Hi, i have a query... at 22:00 on line # 4 .. why we create const state.? we are not using this anywhere.. why we cannot use useState() directly like on line # 7

[@rohanpatel-ev6to]

Hi Sir, could you please make it on Reducer, Action in redux with the example