Visit chaicode.com for all related materials, community help, source code etc. Sara code yaha milta h github.com/hit... Discord pe yaha paaye jaate h: ""/discord Instagram pe yaha paaye jaate h: / hiteshchoudharyofficial
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 ❤❤❤❤❤❤❤❤❤❤❤❤❤❤👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍
Here is the logic of the assignment for all the peeps here for this lovely course by sir!! let [counter , setCounter] = useState(0); const increase = () =>{ if (counter < 20) { setCounter(counter + 1); } else { console.log("Counter cannot go above 20"); } } const decrease = () => { if (counter > 0) { setCounter(counter - 1); } else { console.log("Counter cannot go below 0"); } };
17:36 samajh gaye sir ji.. bahut hi practice example se aapne realise karva diya ki react ki kya jarurat aur power hai aur react exactly kya problem solve karta hai.. 🙌
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. ❣❣❣❣
Hooks provide a more powerful, flexible, and simpler way to build React components by introducing state and lifecycle features into functional components. why hooks are important: 1. State and Lifecycle in Functional Components: Before hooks, functional components were stateless and could not manage their own state or have access to lifecycle methods like componentDidMount. Hooks like useState and useEffect enable functional components to manage state and handle side effects. 2. Cleaner and More Reusable Code: Hooks allow developers to extract stateful logic from components and reuse it across different parts of the application without needing to rewrite code. Custom hooks enable better code organization and reusability. 3. Simplification of Class Components: Hooks eliminate the need for class components, which can sometimes be complex due to issues like this binding. Functional components with hooks tend to be easier to understand and maintain. 4. Improved Code Organization: Using hooks like useEffect, you can group related logic together, making the code more modular. It avoids scattering logic across lifecycle methods as it often happens in class components. 5. Encapsulation of Side Effects: With hooks like useEffect, React allows you to handle side effects (e.g., data fetching, subscriptions) in functional components in a declarative and controlled way, similar to lifecycle methods but more granular and easier to manage.
I have Completed My React series From some other RU-vid 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!! ❤💘💘
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! 🚀
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 ❤
"jab bahar dosto ke sath khel rhe ho ya / time spend kar rhe ho , toh 1 ghanta aise chutkiyo mei beet jaata hai but agar wahi padhne baithe toh 1 ghanta 10 ghanta lagta h " aapke videos dekh ke kabhi time ka andaza nhi hota kyuki itni saralta se samjhaya hota hai !! thank you sir/bhaiya !!
const [count, setCount] = useState(0); const handleButton = () => { let value = count + 1; if (value { let dec = count - 1; if (dec>=0) { setCount(dec); } }; Bro listen sir ne bola tha value 20 tak aani chahiye apke code me value 19 tak aayegi so =0 karna wha par ☺
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
"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!"
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.
I started learning react few months back from other resources where i get to know that useState is used to update value of a variable but now i am following hitesh bhai and came to know that actually why we use useState like whenever we have to tell our system to use the updated value of a state in UI therefore we use useState, now it has cleared my concept of useState in react.
Interesting way to explain how you teach us about the cricket which we don't know and than code , loved it , I feel time laga lekin finally Hitesh Sir se react series padhni start kar hi di , Now I feel confident my foundation and everything will be improved at it's bet , Thanks again hitesh sir 🙌
Thank you so much sir. These are the type of videos I was searching for where one would explain the things going on under the hood and not only explain what thing it does but also tells why this thing was developed in the first place. 👍🙏
@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.❤❤❤❤❤❤❤❤
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.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.
22:44 was so hilarious 😂... Sir, you are also one of the best teachers I've ever come through who made learning a nice feeling...❤ Lot's of love to you Sir....
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
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...
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 ❤
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.
Kya analogy h yaar, Australia vs India and cricket, maza hi aa gya 1 hi toh dil h Hitesh sahab kitni baar jeetoge, jeeyo ap hazaar saal ❤🎉 #zabraExample
i literally joined my hands in front of you after watching the video as if you are god to me sir i was struggling so much in these concepts and i was feeling way too depressed from the past week and thank you so much for such a great explanation (hats off to you sir
Sir ab tak mene React ke 5 videos complete kiye he but aapne jis tarahse videos banaye hai. Lots of love and blessings sir. Aapke reply ka wait rahega sir....thank you very much ❤❤
Ek Number Sir- ye comment apko motivate krne ke liye, aap motivate honge too hum bhi apse motivate honge. Thank you bhi itni aache se explain krne ke liye.
You are the best teacher for react in the RU-vid because you learn how to work in the industry level projects. Thank you so much sir for this amazing series 😊😊
The best thing about you is, {I know you are a Champ coder} but the beauty is you are far better Teacher than a Coder. This is a deadly combination brother | Sir | Mentor | Guru ji | ❤
12:40 kiya update as js but ek se jyada jaga pe bahut hectic hojayega aur koi modular likhna bhi thoda hectic kaam hojayega toh best hai dekhte hai ki sir ke pass koi aur tarika hai ki nhi
Bhut maza aaya sir ji....pure knowledge Learning: React Control the UI React Says, do whatever you want, but i will control the UI for the App. So that if AnyValues changes i can update that in all the places wherever it is used
00:03 Learning hooks and projects helps in understanding concepts 01:55 Create a project called Zero Tu Counter using React in TypeScript. 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
