#33: Handling Events in ReactJS in Hindi in 2020

Welcome, How to handle Events in React Js in Hindi in 2020. It's actually simple, Just like HTML, React can perform actions based on user events.
React has the same events as HTML: click, change, mouseover etc.
Handling events with react have some syntactic differences from handling events on DOM. These are:
React events are written in camelCase syntax:
onClick instead of onclick.
React event handlers are written inside curly braces:
onClick={shoot} instead of onClick="shoot()".
************ Must Watch Videos For Web Development ************
➡️ Hooks in React JS in Hindi | useState in Hook in React JS: • #30: Hooks in React J...
➡️ 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 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.thapatechn...
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: www.facebook.c...

[@ThapaTechnical]

Must Watch Videos ➡️ Hooks in React JS in Hindi | useState in Hook in React JS: kzbin.info/www/bejne/iYSUemqjYqxloc0 ➡️ Array Destructuring in ES6 in JavaScript in Hindi 2020: kzbin.info/www/bejne/h3KxeGl3ZpKtobM ➡️ Object Destructuring in ES6 in JavaScript in Hindi: kzbin.info/www/bejne/oWfcfoSehduVqK8 ➡️ React DevTools & Source Code Link: www.thapatechnical.com/2020/05/react-developer-tools-in-react-js-in.html ➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: kzbin.info/aero/PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ

[@oceanpix]

Sir please make playlist for class xii python language for cbse board in india Sir please please 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏 please sir Sir are you from NEPAL

[@shabbirahmedshabal6452]

Sir jaise fursat milegi MERNstack tutoral banaiye

[@srs8074]

close to 5 lakh 😍😍😍😍thank you sir

[@sunnythadhani1971]

CSS is here *{ box-sizing: border-box; margin: 0px; padding: 0px; background-color: #d2dbdd; } div { width: 100%; height: 100vh; background-color: #8e44ad; display: flex; flex-direction: column; justify-content: center; align-items: center; } button{ padding: 12px 20px; background: #9b59b6; color: white; border: 2px solid #ecf0f1; outline: none; border-radius: 5px; text-transform: uppercase; cursor: pointer; }

[@AshokKumar-du7yh]

Ander-bahar andar-bahar Ayyo!! Ouch!! Ayyo!!! Ouch!! That part was hilarious 😂😂

[@VishalSinghYT001]

21:07 😂👌

[@one7309]

🤣🤣🤣🤣😂😂😂😂😂

[@surajshaw5880]

Real life application 😂

[@nhgghnbfjjbfe]

🤣🤣🤣🤣

[@bloodreaper4221]

Aaah oooh aah aah oohh

[@amirhassan6549]

Best channel for react js learning in hindi / Urdu

[@sunnynikola0]

Bhai Apne Bohot Madat Kari Hai meri ApnNe Thenks bhi ❤️❤️

[@ruggeddog3103]

hooks k through mene ek component se data lekar dosre component par share kardiya thanks to you!

[@sayonaig9846]

Thank you for this. This tutorial is very helpful for learning react. By the way can you make a series on pwa studio as well?

[@kanikagoyal470]

Thanku so much sir I have watched a lot of your's videos. It is really very helpful. And your way of teaching is very awesome. Keep doing it. May you reach the heights of sky. God bless u

[@savitaraghuvanshi]

Hi Sir , I am your huge fan , such an amazing series it is . very helpful . I request please make video on react native as well .

[@nasreensultana8260]

Vedios to achhe he apke Concepts bhe clear ho rahe he Bhai ap wedesiging kahan se selhte ho ?

[@Magic_of_code]

Thanku so much sir for this video's it is so amazing videos

[@prayash56]

Dada tapai le garda mo nikkai react js sikhi sake ra sikhdai xu.. Thank you so much atti ramro content sadhai haamilay dena laagi☺☺☺mo pani thapa nai ho ani tapai jastai ek din help garnu xa nani haru lai😌😌

[@hellonadirali]

you dont need to declare variable . just pass the value directly

[@AashishKumar-vb3qb]

understand each and every moment of video ...

[@saurabh8646]

thank you so mush thapa bhai ..... as u say .... you are ....... awesome

[@suryanshchandel725]

Thankyou so much sir iss badhiya video ke liye

[@GyanendraBharti925]

thanku sir, this awesome video for me

[@deveshkumar4356]

ye mouse wala mast tha ! !

[@abhishekjagtap5305]

Hi Sir , such an amazing series it is . very helpful . I request please make video on react native as well

[@DEEPANSHU_NAG]

💯% affert hmesha dete ho aap

[@ashish2093]

Tum bhi affert do apni English jo thoda bhai

[@julfikarshaikh8151]

@@ashish2093 🤣🤣

[@aayushigupta9550]

First, Thanks for teaching us. Actually have a query..that when I trying to use the Bg func for changing the color. It is not getting changed and not able to fetch the emoticons. Please help

[@prachisingh3467]

Sir your react series is very good. thank you for this series.

[@EWorldHub]

Bahot Hard Kya.. Superb

[@adnanmalik3723]

Love u soooooooooooo much Thapa Bhai

[@VIJAY_B_1998]

aap ko maafi mangne ki zaroorat nhi hai , aap jo kar rhe ho supper se v upar hai ❤❤

[@manangoyal5026]

Beautifully explained!

[@kashmirtechtv2948]

Is s phly jo ap n Accordion wli video daali ha,, wo dekhain phly ya last m dekhain vo?

[@AppsDeveloper-qy9vh]

its amazing brother

[@kiranpawar2463]

Very useful 😍

[@codinghero2001]

Thank you ! nice tutorial

[@shahedtheboss]

OnTriple OnFourth ... ... .. Aise jitna chahe utna use kar sakte hai kya?

[@vitraabhi4992]

Aandar bahar ouch aayo Meanwhile jhethalal:- Goli beta masti nahi

[@thecoderraj3777]

Thank you very much Sir, Nice Video 🙏😊

[@shilpisarkar3303]

Thanks Thapa ji

[@pushkar_lifts]

12:09 pe console mein jo error hai first vale VM623 plz usse kese remove karte hai mere mein bhi aa raha hai..

[@amitbiswas54]

Ramro Video

[@subhomoypal7982]

Sir a jo code ha sahi kam kar raha ha but instead of this code " let UpdateTime = () => { setTime((time = new Date().toLocaleTimeString())); }; setInterval(UpdateTime, 1000);"

[@sayaleemandaokar219]

parentheses kyu nahi likhna hai while calling function? please explain in detail..

[@subhashchnd0]

thapa bro const[bg, setBg] = useSate(colorname); bg and setbg assineed value is never use ka error araha hai jisay color change nahi ho raha h

[@kashmirtechtv2948]

10 45 k bd confusing ha bhai

[@souravbhagat9979]

Nice vidoes sir please upload maximum videos

[@omkargharat8391]

17:58 sir please tell me which extension u r using for this autocomplete ??

[@Ashay39]

emmet ectension, very helpful

[@bhakuninavneet3906]

Grear lecture sir ur videos are really helpful beginner to advance also. Sir can u plzz explan about useEffect

[@dineshasekar6918]

We only pass one css property in let purple = 'colreName'; useState( purple ) How to pass multipal css in Ek se jada css kaise likhe

[@deepakrawat9758]

awesome , maja aa gya

[@makeauthority]

I change my code slightly but code Sahi hai sir but Ek line pe click ke Saath on DoubleClick Kam Nahi Kar Raha hai any reason you know then reply.

[@abdullahwali422]

same issue,

[@subhashkumarjha4978]

Please sir redux ka ek complete playlist banao ekdum basic to throsold level tak

[@zafarhussain8273]

instead of double click we can use toggle here

[@ZahidKhan-th8pz]

Ander bahar ander bahar 😂 ye logic acha laga output acha ayega

[@sahilhans1867]

But output 9 months ke baad aayga 😂😂

[@ankurshukla2437]

MEAN stack ?

[@covidnineteen5249]

Sirji ek bootstrap k saath react use karo na please

[@kashmirtechtv2948]

Updated value k liay alg variable declare krain ya prana variable m e value de dain??

[@laxmivishwakarma6090]

Hi, Thapa sir, your all videos are awesome. Please make a new video for auto logout after 24 hours of login.

[@RahulSoni-xt5ur]

Ek cheez mene notice ki jab hum inspect element pr click kr k doubleclick event fire krte h to kuch b ni hora.. esa kyu? Esa mere sath hi hora hai ya aap ske sath bhi? #ThapaTechnical

[@Originalmishra]

Sorry dm kr rha hu please respond

[@omkargharat8391]

5:52 can anyone tell me how can I get these suggestions in vscode ?? I am not getting like this

[@rajbannasa7662]

very well explained sir

[@kashmirtechtv2948]

Site p onmouseover tha ap n onmouseenter q likha??

[@prakashrahangdale1563]

sir in setbg we are able to directly pass the value of the bg without storing it to the newbg so why use the variables inside of every function?

[@CoderBhavy]

Vivek is not answering any questions ..... What's going wrong ..?

[@Ganesh-ld8ph]

Hi bro, How to write this. handleclick in the functional component. I want to hide show divs with only one state using this keyword.

[@zafarhussain8273]

sir React button click hone pe css class kaise add kare agar external css file use karna ho toh.

[@mayankverma3684]

TALKING TOM H PURA 😂😂

[@LifeStoryAshita]

Completed #33

[@subhomoypal7982]

agar ma direct " setInterval(setTime((time = new Date().toLocaleTimeString())),1000); " asa karu to error da raha ha kue? kaya sir up mara doughy clear kar sakta ha please.

[@rojindevadas4303]

Boom 😁😁❤

[@ikramansari6299]

Aap react me CSS use karte time show nhi karte hai sir ji,or video ko skip kar dete hai,jisse samjhne me problem hota hai sir ji 😢😢😢😢

[@atulmaheshwari2963]

Sir are you from india or nepal please tell bro I am too inspired from you and now iam a front end developer bro thanks

[@shabbirahmedshabal6452]

Nepal

[@anmol2757]

He is from Nepal but living in India

[@anmol2757]

@@shabbirahmedshabal6452 He is from Nepal but living in India

[@shashiross6539]

isme multiple css use nhi kr paa rha hu or color ki state ko kaise use kre.

[@akkirverma]

Awesome ❤️❤️

[@muhammadazhar3033]

sir apka automatic hu jata hmara nhe hta hai plz time sy bta dya kry mera ghanta lag gya useState ki wja sy undefined a rha tha bd m library import ki to pta laga

[@erabhinavrathore7718]

setBg function to defined hi nahin hai kaam kaise kar rha hai ?

[@BalconyMakeoverIdeas]

very nice bro, you are awesome :) :)

[@shaileshsony2]

Thank you sir ji

[@RaviJi-x8e]

How to convert online Purchase Bootstrap HTML5 Template in react JS, in which assets folder available, Master page for menu header footer login logout process, only middle page content change for record save update edit

[@kashmirtechtv2948]

Inline css to use ni krni chyyay. Ap q kr rye?

[@jagdishnath9174]

nice viedo bro . bro please make viedo on car emi calculator using react js

[@kashmirtechtv2948]

19 30 p setBg m bg e pass ni kr skty thy?

[@dineshasekar6918]

Purple ke batale hame Multiple CSS dena hai to kaese de?

[@meetyt1846]

Very good bro ⚡

[@Sachinsharma-vj6hj]

@ThapaTechnical Can you tell me please why we do not use parenthesis in the calling function?

[@tanzeelaghafoor5210]

Bcz we use html as. a js in react

[@UNKNOWN-pz2dn]

Sir background color is not change

[@Biren_]

3 2 1 and Bumb Guys 😂😅

[@debankar99]

Backend mein kya use karenge?

[@hemantvardani1436]

thanks

[@codeaffection10]

plz share how to create this project, from scratch ..pls help, as am a newbie in react.

[@shilpisarkar3303]

Last week I attend a interview, they give me a task, but I was not able to do that. So anyone can help me please?

[@adityagujrati1550]

how to fire the component when user hit enter ye bhi explain kro plzz

[@okeyshourovroy2769]

Very helpful

[@mrameer15]

it was awesome

[@mpscedu667]

👍👍👍

[@mlohar1122]

Time : 18:18 const DoubleClick = ()=>{ setBtn('Change BG Dark Blue'); setBg(purple); }

[@saroshahmed7097]

awesome video

[@entertainmentcorner7084]

21:10 pr ap kia kr rahy thy andar bahr andar bahr hahahahaahga 🤣😛

[@rajbannasa7662]

Sir at 5:00 in app component , uh had not import any css file or class name , toh sir voh css kese apply hu gyii ??? It would be really helpful for me plz ans. Sir ❤️

[@vinayupadhyay1350]

he used inline css

[@laxmiagarwal439]

"Ouch" and "Ayyo" ke baad wps "click Me" par Nahi ayaa hai mujhe unless mei usse refresh kru?

[@ujjwalmiraje4383]

Is that easy to learn react js

[@amitbiswas54]

great video bro

[@myselfsohit]

Enjoying a lot :)

[@learntounlearn2500]

thapa bhai op

[@gunjanpatel44]

3 2 1 & boom guys🎆