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

Подписаться 691 тыс.

Просмотров 296 тыс.

50% 1

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.thapatechn...
➡️ 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.thapatechn...
➡️ 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.thapatechn...
➡️ 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 RU-vid 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.thapatechn...
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: www.facebook.c...

Опубликовано:

28 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 348

@ThapaTechnical 4 года назад

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 4 года назад

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

@deepnarayangupta4714 4 года назад

Sir please CSS files ka code provide kra do

@mananbari4725 3 года назад

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

@masumalimaknojiya9623 3 года назад

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

@hasnainkk4896 3 года назад

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 3 года назад

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

@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); } }

@letsshowdesigns 4 года назад

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.

@CHSPlays 3 года назад

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

@mohitgoyat4148 2 года назад

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 2 года назад

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

@adarshjai29 4 месяца назад

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

@DeepakKumar-wh7bv 3 года назад

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

@priyabratpriyanshu1150 3 года назад

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

@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

@magiccubing2587 3 года назад

This channel is so underrated 😭

@manthanramteke6101 3 года назад

I love u 💕💕

@rameshkumarmishra3188 3 года назад

@@manthanramteke6101 i love you 2

@teenxgaming4023 2 года назад

That's are those raptiels of indian community

@harshitasingh6075 2 года назад

True…..I found it very useful

@aakashbhandari9761 2 года назад

@@rameshkumarmishra3188 😂😂😲

@kirandebnath8627 3 года назад

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♥️♥️

@divyanshusah2809 3 года назад

Yes friend yes... 😭😭😭

@anandatype7442 2 года назад

@@divyanshusah2809 roo kyu rahe ho firr

@arunsharma4600 3 года назад

This was the most challenging video in this series

@chiragsoni1589 3 года назад

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

@chiragsoni1589 3 года назад

@code fire yeah that's true

@chiragsoni1589 3 года назад

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

@AnkitKumar-ql8gh Год назад

Honestly speaking, you are my motivation while learning Reactjs

@himankverma125 3 года назад

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

@akshatvyas2594 3 года назад

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 2 года назад

Thank you Bro

@fearflik Год назад

thank u brother

@joyinmahmmadaslamlaskar3355 Год назад

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

@HuzaifaUsman313 Год назад

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

@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 ❤

@awaishussain5918 3 года назад

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

@preetigautam925 6 месяцев назад

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

@AlokSingh-vt9ws 3 года назад

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 :)

@mahendrasinghnegi4974 2 года назад

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.🙂

@SHAHRUKHKHAN-gu2tm 4 года назад

plese create series on react native expo

@JaiPrakash-ku7it 4 года назад

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..

@suryanshchandel725 2 года назад

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

@hush5295 3 года назад

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

@himanshudhote2693 3 года назад

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

@nileshnilu7902 3 года назад

This is what I try to find in RU-vid to understand...

@akshatvyas2594 3 года назад

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

@ghoshdipan 3 года назад

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

@blogtriggers 2 года назад

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

@_.Mustafa._ 2 года назад

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

@rawahapool Год назад

Thapa cleared any confusion !

@pranjalgupta9427 3 года назад

Bro aapne class components kyu nahi padhaye iss series mai?

@karishma-verma 3 года назад

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

@diptisindkar9989 4 года назад

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 ?

@Hamidsahi-p3o Год назад

million times better teaching style than code with harry

@singhgagandeep955 2 года назад

this video make my doubt clear

@rajat-s-kale1771 Год назад

Your teaching is awesome

@hafizbilalahmed2832 Год назад

superb samjhaya h saahib u r love♥

@snehgour9711 2 года назад

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

@TheDetroja 4 года назад

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

@ispiDeyOP 2 года назад

best video on whole internet

@anjon-roy 3 года назад

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

@sajidjabbar5650 3 года назад

Very nice explanation Thanks from Pakistan

@virendrapatil8539 3 года назад

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

@vipulchaudhari2004 3 года назад

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

@divyeshchothani8549 2 года назад

Hello Sir aap reply nahi karte Please replay kiya karo mera ak question he agar hum IncNum function ko app function ke bahar likhte he and vaha se call karna he to??

@rahulsuthar8360 3 года назад

hahaha feels good at "console ko maro goli" You are awesome bro....

@anitavarma8764 2 года назад

node pe bhi video baniye plz and aap ka jo css code h wo kaha milega

@jonroni5756 2 года назад

Hello Sir! I have problem in useState: import React, {useState} from 'react' function App(){ var [data, dataUpdate]=useState(0); function change(){ dataUpdate(data+1); } return ( {data} change()}>Click Here ) } export default App Whenever i used useState it shows me the blank page after execution

@y9uta 2 года назад

use setData insterd to updatedata and use const casue its more reliable than var

@pavanxb 3 года назад

Very precise and concise explanation!

@divyanshverma2323 11 месяцев назад

***css code*** *{ margin: 0; padding: 0; box-sizing: border-box; } .main{ width: 100%; height: 100vh; background-color:rgb(224, 204, 243); display: flex; flex-direction: column; align-items: center; justify-content: center; } h1{ font-size: 4rem; } button{ margin: 1rem; padding: 2rem; width: 200px; color: white; background-color:rgb(177, 111, 240); border: 3px solid white; border-radius: 10px; font-weight: bold; font-size: 1.5rem; text-transform: uppercase; transition: all 0.2s ease; } button:hover{ background-color:blueviolet; } button:active{ background-color:rgb(177, 111, 240); }

@sameersiddiqui2520 2 года назад

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

@chudasamavivekk7017 4 года назад

How to validate 2 input value using react hook ?

@rachit2982 2 года назад

can i put this JavaScript code which is doing all the calculation part in another component and still make all this work while passing that component in this file?if yes, how?

@zaeemahmad910 4 года назад

@21:12 we have const count, that means value of count is constant and should not change, but setCount function updates const count value, why?🤔

@hasnainuddinbilal3495 4 года назад

the data type of [count, setCount] is a "const". But still we are changing its value? Is this fine? Why we don't consider it as "let"?

@rohitprasain 3 года назад

const variable cannot be changed.But const array can be manipulated(i.e, we can add or remove elements of array).Here [count, setCount] is an array.

@thecoderraj3777 3 года назад

@@rohitprasain Thanks for reminding me :) Confusion hogya tha mujhe bhi

@aliadnanasim4420 3 года назад

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

@couldbenimish 4 года назад

what is this manifest error in the line 1 col 1 ????

@aliadnanasim4420 3 года назад

8:00 ....... 3, 2, and 1 boom hahaha excitement level boosted....

@vanitasaini2879 2 года назад

Sir, r u using any extension for auto closing semicolon because in my VSCode auto semicolon is not applied.

@charsiposting3340 Год назад

auto close tag...

@raghavendrakesari337 3 года назад

dronacharya Award ku nh mil rha hai apko Sir????

@kashmirtechtv2948 3 года назад

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

@professionalman2591 2 года назад

Thank You For best Explain

@963258741ydhfcvn 4 года назад

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

@nikitagadewar3146 2 года назад

I got these Error: ENOENT: no such file or directory, open 'C:\Users ikita.gadewar\Desktop\React\awesomeapp\src\App.js'

@avinashgupta2308 3 года назад

jab count const hai toh , value update kaise ho rha hai

@ankitrikame336 4 года назад

Best explaination .... 👍👍👍

@ajminpradhan1112 4 года назад

#28 video ke bad #29nth video ana chahiye tha. lekin ye to #30th video hai. Can you explain this brother? Huge love and respect from Bangladesh

@pipsmate 3 года назад

Sir state change horhi hai state me increment horha h smjh aata hai. lekin html kese update horhi hai?? html dubara kese render horhi hai. wo 1 se 2 me convert to jbhi hoga jab html state se dubara value uthaygi

@cutybebo1438 2 года назад

Thank you .... for this video kya source code mil sakta h hook concept ka ....

@PranathNaik 3 года назад

why count++ isn't working?

@dhirajdhone1153 2 года назад

Great teaching

@vishalkumarsingh5431 Год назад

Awesome Guys!!!

@xpointer483 3 года назад

Very well explained!

@vaibhavsumal 2 года назад

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

@manthanramteke6101 3 года назад

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

@52punk60 3 года назад

Explained it very nicely!

@SantoshYadav-xb2hg 4 года назад

Make one single vedio on file encryption and decryption.

@rafid3801 4 года назад

vedio 🤔🤔🤔🤔

@khanti-odia 2 года назад

thank you bhai for this effort

@UmairArshad1 Год назад

Highly Recommended even in 2023

@nikleshniks 4 года назад

Awesome Thapa Ji :)

@rohansen6872 Год назад

Sir... I think you should somehow advertise your channel... Will be worth it.

@thecoderraj3777 3 года назад

Thanks a lot sir :) Very Helpful Video 🙏😊

@PThhhhh566 3 года назад

Bhai plz formik explain Karo with class component

@abhinavsharma4197 2 года назад

in step "const [count] = useState(5)" how can we assign a value to a constant?

@snehlatasarode1957 3 года назад

Hello sir your vedio is awesome. I want to know internal working of usestate hook. can u please explain that.

@yogeshsharma4363 3 года назад

hello bro i get this error ./src/App.js Error: ENOENT: no such file or directory, open '/Users/yogeshsharma/Desktop/react-projects/hooks/src/App.js'

@DemonHeadYT Год назад

Decrement: const [count, setCount] = useState(0); const IncNum = () => { setCount(count - 1); }; 10 increment: const [count, setCount] = useState(0); const IncNum = () => { setCount(count + 10); };