Why you need hooks and project

Visit chaicode.com for all related materials, community help, source code etc.
Sara code yaha milta h
github.com/hiteshchoudhary/
Discord pe yaha paaye jaate h:
""/discord
Instagram pe yaha paaye jaate h:
/ hiteshchoudharyofficial

[@unknown-dy8sy]

React is temporary but Hitesh sir explanations are permanent 🎉

[@chaiaurcode]

😍

[@naraynwetal6544]

Absolutely right

[@rsonentertainment1227]

Baap of coding channel in youtube. ("Thanks");

[@asadorakzaipti]

Why temporary?

[@akshaychavhan9551]

thats right

[@quickSilverXMen]

Hooks in React ⚛ Intro 0:00 Start 2:21 creating the project 2:30 UI updation with simple JS 8:00 Problem in UI updation with JS 10:50 Hooks in React intro 13:00 Hooks (useState) implementation 15:13 Assignment 26:11 Conclude 27:14 Thank you sir.

[@sagarsen1575]

Appne itna achhe se samjhaya ki video khatam ho ne se pehelei assignment khatam ho gya function increment(){ if(counter + 1 > 20){ alert("Limit exceed") } else { setCounter(counter+1) console.log(counter); } } function decrement(){ if(counter-1 < 0){ alert("Value cannot be negetive") } else { setCounter(counter-1) console.log(counter) } }

[@vishnubdh7288]

same here

[@muhammadabrarkhan2518]

I had never thought, someone could explain react so easily and in-depth. Thanks a lot sir. Learning react from this series is not just developing my react skills but also providing me confidence in react as well as JavaScript. I hope so by the end of this series I will be at a good level of my front-end journey.Thanks again!!

[@purposedriven6332]

25:11 state changes are asynchronous that's why the value in console is not being updated immediately. An important detail that got overlooked in the video, maybe because the agenda for this one is a little different. Keep the good work up, very helpful......

[@kritarthapatowary7289]

This comment needs to be at top.

[@g.guruprasad2315]

Bro Really thank you bro, I am breaking my head since last 3 days why it not updating same value.. Really thanks Man

[@g.guruprasad2315]

Hello Bro, {setCount((count)); console.log(await count); count++; }}> count is {count} Bro I have tried using async and await but, let me give example : when I have clicked the button 1st it is logged 1 and i have tried again but it again logged 1 and i tried once more but it logged 2, on again clicking it logged 2, this means the value of the count is changing when the button is pressed twice Please do replay Bro

[@g.guruprasad2315]

function App() { let [count, setCount] = useState(0) if(count>=20 || count Add by one { setCount((count-1)); ; console.log(count-1); }}> Subract by one ) } I think this will be the correct now

[@Muhammadamir-kx2jx]

Thanks Bhaiya for being a great explainer. Learning in this video is that React hooks are basically used for updating the UI (User Interface). We don’t need to reflect each and every change manually. React makes UI updation easy. That’s why we should learn about hooks in React.

[@sayandeepsadhukhan5016]

let [value, setValue] = useState(0) const addValue = () => { if (value == 20){ setValue(value = 20) } else{ setValue(value+1) } } const removeValue = () => { if (value > 0){ setValue(value - 1) } else{ setValue(value = 0) } } This is the whole solution ! Sir your teaching style is just extraordinary , so humble, so many clarity ! Thank you so much ❤❤❤❤❤❤❤❤❤❤❤❤❤❤👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍

[@akki1065]

I have seen your chai aur backend series, and now referring this series, your teaching method is awesome sir, very helpful.

[@muhammadhilal5807]

The way you teach is really clam most of the youtubers rush in teaching idk why. The calm manner really boost up the confidence. Newly subscribed :)

[@nirmallyakoner6005]

Assignment answer const addValue = () => { if(counter { if(counter>0 ){ counter = counter - 1 setCounter(counter) } console.log("Clicked",counter); } if I use greater than and equal to and put the increment statement outside the block then the initial value still changes and when I reach 20 on UI and still clicks on addvalue button then UI is not changing but the value is changing inside. when after clicking so much you click on removevalue then you see that your value starts from where you stop clicking and from there it will start decrasing.

[@pranjalgogoi-1209]

const addNumber = () => { if(count { if(count>=1){ setCount(count - 1) } }

[@cuttiecatty1497]

rather goo like this `const addValue = () => { ctr = ctr + 1 if(ctr

[@EnoughGaming]

const addValue = ()=> { if(counter !== 20) { setCounter(counter + 1); } else { counter = 20; } } const removeValue = ()=> { if(counter !== 0) { setCounter(counter - 1); } else { counter = 0; } }

[@bistap2778]

​ let [counter,setCounter] = useState(0); let addValue = () => { console.log("Value Added",counter); setCounter(counter++); } let removeValue = () => { console.log("Value Removed",counter); if(counter !== 0) {setCounter(counter- -);} else {setCounter(0)} }

[@user-jh1jl6ii1t]

You are greatest of all time bhaiya, I always read about people telling learn hooks,learn react. I thought react was a drag and drop magic box and boom but after hooks lecture now I understand why react Introduced and why and how can I use this tool in my project. yes react is just a tool not a magic box and I understand it now. Thanks again I am again doing my work by sharing it on linkedin

[@saikrishna-or5qj]

The way of explaining is awesome. Linking the real world example with the concepts, no one can explain like u sir. I am grateful that learning things from a great professional.Thankyou for the such a amazing content sir.

[@myproject6768]

// For decrease if (counter > 0 ) setCounter( counter -1); // For add if ( counter < 30) setCounter ( counter+1) Itne achche s smjaya ki assignment me sochna hi nhi padha

[@TechAsad]

if(Counter==0){ SetCounter(0) }

[@deveshsharma534]

hn tabhi error show kr rha h kuki dimag hi nhi lgaya

[@ayushpanchal2053]

itna chhota assignment?

[@decent719]

End level explanations.No what matter what your mood is but when you see his smile your inner coder wake's up and then you forget clocking is ticking.

[@divyavewall]

I was never able to write code in react but after watching 2-3 videos of this playlist I am confident enough to write codes and also able to understand what is actually happening behind the scenes , never thought it will be so fun, Thankyou Sir for making these series, your explanations are always best and of top notch quality .😊

[@Hafijur0211]

"Thanks for being an awesome React teacher! Your teaching makes complex concepts seem so much simpler. Your clear explanations and relatable examples really help us understand and apply React effectively. Grateful for your patience and dedication in guiding us through this journey. Looking forward to building more cool things with React, all thanks to your great teaching!"

[@sukhendubanerjee5082]

Sir thank you for creating such a beautiful javascript playlist,one more request sir please create more projects on it so that we can gain confidence in js. Love from West Bengal ❤

[@AmanKhan-wx5xo]

You are the best teacher for react in the KZbin because you learn how to work in the industry level projects. Thank you so much sir for this amazing series 😊😊

[@hassanhameed7796]

the way you explained the concept of states and hooks was very beautiful...thank you Hitesh bhai..

[@Anil-vh1fu]

After 1 month of upload & Comment is full of motivation + more than 500 [currently [1369], I am loving how students are appreciating guru ❤ I have been following from Main channel Javascript series from 2k18... But examples and explanation in native language is damnn attraction to these languages

[@jaideeppoojary]

Even I know how to use the state hook I'm enjoying the way sir explaining it. Thank you sir✨

[@AraizNaqvi]

Love the way you explain in such depth yet so simply.

[@tusharmore4082]

React is temporary but Hitesh sir explanations are permanent ..... Thanks Sir

[@pareshkamaliya2493]

Absolutely incredible! Your ability to simplify explanations is truly amazing. I have decided to follow this entire series of react JS from you and intending to not just passively watch, but actively engage and practice every step. The accessibility of learning material in such a user-friendly manner is genuinely refreshing. A big thank you for that! Eagerly looking forward to the release of more tutorials. Keep up the fantastic work! 🚀

[@stocksandbeyond]

I have Completed My React series From some other KZbin Channel some Concepts Got cleard there But I was still Having Doubts i was creating some basic projects with that knowledge but still having some doubts So i decided to take a look at your course and it was like a miracle the knowledge given here by Hitesh sir is immense and deep u basically understand how the react works rather than just therotical knowledge . Thank You Hitesh Sir For this !!! nd lots of Love!! ❤💘💘

[@guptasagar694]

Same Here..I got confidence now after seeing his series

[@sakshigupta1593]

I have no words for your explanation sir. now hooks topic is crystal clear.

[@ansh_mittal]

Thanks sir aapne react keh concepts ko itne ache seh smjaya. Yahan tak muje react mein kaafi maja aaya hai

[@nirmal03]

Your smile while teaching creates positive energy among us. So, please keep smiling and continue teaching us. 😊❤

[@guptasagar694]

Thanks Hitesh Sir,You are the Best Gift to Indian Software community!!

[@priyankasaini7204]

27:22 " react k basics ho gye h" , this line brings a smile 😊😂😇on my face because sir m thoda dari hui thi react k naam se ..pr aap bahut chill ho ..itni aashani se sab samjha dete ho .. now I am confident ki aap padhaoge to m sikh jaugnig...Thankyou sir❤❤❤ Mane apki Chai with Javascript series b dekhi h .. and it was amazing. ❣❣❣❣

[@user-ze1qh2wm5s]

thanks , i recently started chai aur react course.I amazed by the amount of knowledge give in a smaller time.

[@samirgiripunje6963]

I am mesmerised by the content you are providing on the you tube for free. Really thanks sir for helping us in getting so much explanation in detail thanks.

[@killer7495]

Sir aapka hook wala example sun ke maza aa gaya mereko bhi har baar Hooks sun ke Hook pull yaad aata😅

[@luckyjaisar8202]

excellent teaching wid smooth style..!! 👌

[@sanjananegi5954]

pehli baar dhng se smjh aaya ye concept , thnk you so much sr

[@mahvishfatima1692]

Your style of teaching is just mindblowing sir, almost indulge in react for a couple of months now but was unable to clear this concept ,but after watching your videos I can say confidently " ya I know react & its concepts", regret that I was not starting react from ur course,but grateful that finally, I have best teacher who knows how to build students with clear concepts...

[@SarveshKumar-08]

00:03 Learning hooks and projects helps in understanding concepts 01:55 Create a project called counter using React . 06:05 Creating a counter and updating its value on button click 08:09 Adding values to the browser console and updating the counter 12:27 React provides hooks for updating data in a controlled manner. 14:34 Hooks are essential for code updation and debugging 18:18 The variable counter can be automatically updated in the UI using React. 19:56 Understanding how to update a counter variable 23:28 Understanding the use of hooks and project 25:25 Learn about hooks in React and how they are used

[@abbas__00]

Sir hooks bahut hi confusion create kar Raha tha but you made it ❤..... please cover all hooks

[@chaiaurcode]

Projects me baaki apne aap cover ho jayenge

[@abbas__00]

@@chaiaurcode ok sir thank you 😍

[@VikashKumar-gm6ym]

great content sir. Had seen videos of almost every creator on youtube bue never got the confidence in coading but sice whwn i started following you i am getting that confidence

[@thecalgarians4597]

Hitesh ji, under the hood Rocket Science to hai, no doubt, leking aapne explain is tarah se kiya hai ki Rocket science lag nahi rahi. HATS OFF to your pedagogy ❤❤❤

[@iNeurons]

गुरुदेव को प्रणाम 🙏🙏

[@mriduakaxxehacker]

Thank you sir ❤

[@g.guruprasad2315]

Dear Sir, I am Happy, because of your teaching technique. I hope this will help many people and one small help I argue you to explain that last error, which the value of count is 16 and the value of count in console is 15 and I have tried to know the reason beyond, but i did not get the proper answer. I hope Chai sir will give replay to my Comment please sir...... please do replay I really thank you, for your teaching efforts in React Have a nice day

[@user-wt8qm9rv1f]

Thanks a lot bhaiya! These videos really help to clear basics of react

[@siddhartha5302]

Thank you so much sir

[@chetan_rajputt]

Samaj me aa rha 😊

[@smartincomedude1946]

Thanks alot for making us smile while learning to code , most coders are harsh and not like you

[@vlogsdiaries4250]

thank you for the video, the way you explain by making small projects make it easy to understand, keep making such videos.

[@CandleLight..]

Assignment 1 sol: -> import { useState } from "react"; function App() { let [counter, setCounter] = useState(0); function increment() { setCounter((p) => { return p < 20 ? p + 1 : p; }); } function decrement() { setCounter((p) => { return p > 0 ? p - 1 : p; }); } return ( {counter} increment decrement ); } export default App;

[@ankitsaurabh8158]

const [count, setCount] = useState(0) const addValue = () => { setCount(count + 1) } const decValue = () => { setCount(Math.max(0, count - 1)) }

[@funnyclipsofbgmijods4804]

@Everyone please comment on here. The reach is important for us to motivate sir to the highest and squeeze out the best number 1 content of React in hindi from Hitech sir.❤❤❤❤❤❤❤❤

[@chaiaurcode]

❤️❤️❤️

[@sourabhsingh4810]

Itna easy kon bata sakta h only hitesh bhaiya . mujhe to yeh react ke naam se headach hota tha but that explanation is so good . Apka yaha react ka basic hogya h with smile. makes me happy 😍😍

[@arpittiwari9999]

gyan aana aur use padana dono mai bahut anter hai thanks to Hitesh sir for give confidence me.

[@anilkumarnayakk2235]

I am 35 yrs old still not settled in life just started learning react Hitesh Sir you are a big hope for me

[@zishanchaudhary221]

what were you doing!!

[@Create_With_Amit]

Thanks for making this level course free, today I am learning a lot with his help, so thank you Hitesh sir.

[@swastikyadav9829]

How you explain these concepts so easily and clearly is what makes you a great teacher

[@contra4uchallenger811]

Sir I am really fill underconfident in react but from the day i was start learning from you things are getting super easy thankyou for your love support and effort sir we love you and good wishes to you too.

[@Waleed._.Ahmed.]

The approach you take for explaining is just amazing ❤🎉

[@harshitnayan2925]

Probably the best explanation of concepts I've seen on youtube.

[@patel..665]

Sir, there are far more comments in the Hindi videos than in the English ones. Both videos are interesting. thank you sir for your invaluable knowledge...

[@nkkumar6692]

You can add in button before onClick "disabled={counter >= 20}" and "disabled={counter

[@mohsinzia8566]

Your teaching style is so clear!

[@ajsklandsoftverse_1824]

Great! just great way of learning the concepts. Thank You ! Hitesh Sir!

[@user-pn8kj1sf3z]

literally i never saw any video with such indepth explanations really hope this channel goes viral

[@nitupal2778]

assignment done👍 easy tha sir aapka teaching method bht achha hai sab achhhe se samjh aatahai❤

[@parthpitroda35]

I completed the challenge you gave in the end of the video about not allowing to increment the counter to more than 20 and decrement the counter to less than 0 using ternary operator

[@amarjytchahal]

@chaiaurcode Sir at 21:15 useState can work with "const" but it gave an error, because you re-declare "counter" in line number 18. re-declare of any const variable will give error. if we will put it like this useState(counter+1), it will work with const also. your way of explanation is very impressive. Thank you, for such quality content.

[@webDev524]

You are the best teacher in the youtube and method of teaching is extremely good.

[@SuchishreeSengupta]

Love the way you teach.Very detailed

[@mayeshafairuz]

Singlehandedly leveling the playing field in the tech industry! Thank you Hitesh sir! for your revolutionary mindset & dedication to the craft.

[@Prince-hy9ng]

when i saw your video of any any concept i did not understand completely but after watching videos 2nd time all concepts clears automaticallly and i never forgot about taht concept ❤

[@DeveloperAzhar]

Great explanation Hitesh sir 😍, your video made it even clearer for me

[@LotusNeft]

12:35 you got my attention sir. The best react video. Thank you for your videos and support .

[@aditijain9791]

keep doing great work man! you amaze me by your explanation!

[@VikashSingh-hc6zo]

simple crisp clear thank you Hitesh Sir

[@user-nz8sy4dq8y]

Guys this is the most important video on syncing on data layer and ui , understand it well , i got this information by paid 24k rs. Thank you hitesh sir

[@nehabansal370]

Very rightly said sir, any topic can be better understood, when we the need of it. Thankyou so much sir for making each and every topic so easy.

[@user-rj7lr2ji5l]

Much much better than any paid courses....Thankyou sirr...😊😊

[@ayushranjan1712]

Amazing sir. the way you are teaching is genuinely understanding to all 🙏

[@omprakashchauhan970]

Every time I loved your content and the ways are you teaching. No matter which topic you teach every session is joyful and knowledgeable. Thanks for guiding us keep it up ❤

[@jast_aryan-13]

Thanks sir for last video to explain in what is jsx or how react flow works and deep explaining 😁😁👍👍

[@user-hr5ub3yi3l]

excited to know what more can be offered than such quality content

[@shaharyarranjha3397]

Samjh a gya sir ap puray KZbin per Ak wahid teacher ho Jo acha prhata or sekhata hai love to you

[@Rahulkumar-zf4rl]

your explanation is really amazing its very help full for me thanks u Hitesh sir

[@harikalakshmisainannapanen181]

u are the best sir. best react series ever with such great explanation!👏👏

[@modokgaming236]

Thank you for the series❤

[@akshayphutane2393]

Following you from chai aur javascript, amazing learning experience😃

[@user-jp9jd6el1f]

Sir literally your teaching style is awesome

[@sagarikasahoo1044]

Greattt Explanation!!! Thank you so much🙌

[@utsavbarnwal7120]

MindBlowing Lecture !!

[@aywallah1008]

Hitesh sir explain the process clearly why we used hooks. 🎉

[@popli10]

One of the best teacher i have ever learnt from

[@pcwinds653]

Sir aapka padhane ka style bahut hi majedar hai...👌

[@SayantanHack]

Such a deep and base level video thanks for making this kind of content. Hindi me ayse content is not available anywhere. Please dont make this private.

[@sanketgupta1000]

Really great. Thank you very much for what you are doing ❤

[@amitghosh8369]

Hats off sir for your detailed explanation🙌

[@jast_aryan-13]

you are be like super hero of beginners to learn full stack development and i appreciate your knowledge . Also thanks for guidance in this field ❤❤

[@Dev-Phantom]

Deep understanding, Thanks.

[@rajamanoj1918]

Really love the way you teach sir ❤️

[@gujjubhai5460]

literally i'm not able to find the words that can describe my joy,after understanding Hooks like this easy way...Hitesh sir you're excellent🎇.No one literally No one teaches as good as you...perfection lies Here....#chai Aur Code✨✨

[@rahulchaubey7176]

Tagdi video hai Hitesh . Maja aa rha h sikhne me.