#33: Handling Events in ReactJS in Hindi in 2020
HTML-код
- Опубликовано: 16 сен 2024
- 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 RUclips 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...
Must Watch Videos ➡️ Hooks in React JS in Hindi | useState in Hook in React JS: ruclips.net/video/SS1I7m-G2kk/видео.html
➡️ Array Destructuring in ES6 in JavaScript in Hindi 2020: ruclips.net/video/QANG6A1-zkQ/видео.html
➡️ Object Destructuring in ES6 in JavaScript in Hindi: ruclips.net/video/k6yMQhPvbrM/видео.html
➡️ 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: ruclips.net/p/PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ
Sir please make playlist for class xii python language for cbse board in india
Sir please please 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏 please sir
Sir are you from NEPAL
Sir jaise fursat milegi MERNstack tutoral banaiye
close to 5 lakh 😍😍😍😍thank you sir
Ander-bahar andar-bahar Ayyo!! Ouch!! Ayyo!!! Ouch!! That part was hilarious 😂😂
21:07 😂👌
🤣🤣🤣🤣😂😂😂😂😂
Real life application 😂
🤣🤣🤣🤣
Aaah oooh aah aah oohh
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;
}
Best channel for react js learning in hindi / Urdu
Bhai Apne Bohot Madat Kari Hai meri ApnNe Thenks bhi ❤️❤️
hooks k through mene ek component se data lekar dosre component par share kardiya thanks to you!
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
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?
Thanku so much sir for this video's it is so amazing videos
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 .
Vedios to achhe he apke
Concepts bhe clear ho rahe he
Bhai ap wedesiging kahan se selhte ho ?
thank you so mush thapa bhai ..... as u say .... you are ....... awesome
thanku sir, this awesome video for me
understand each and every moment of video ...
Thankyou so much sir iss badhiya video ke liye
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😌😌
Sir your react series is very good. thank you for this series.
Love u soooooooooooo much Thapa Bhai
Bahot Hard Kya.. Superb
Hi Sir , such an amazing series it is . very helpful . I request please make video on react native as well
you dont need to declare variable . just pass the value directly
Beautifully explained!
💯% affert hmesha dete ho aap
Tum bhi affert do apni English jo thoda bhai
@@ashish2093 🤣🤣
its amazing brother
Very useful 😍
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
awesome , maja aa gya
very nice bro, you are awesome :) :)
ye mouse wala mast tha ! !
Sorry dm kr rha hu please respond
Thank you very much Sir, Nice Video 🙏😊
Awesome ❤️❤️
Thank you ! nice tutorial
Is s phly jo ap n Accordion wli video daali ha,, wo dekhain phly ya last m dekhain vo?
Nice vidoes sir please upload maximum videos
Boom 😁😁❤
aap ko maafi mangne ki zaroorat nhi hai , aap jo kar rhe ho supper se v upar hai ❤❤
Very good bro ⚡
Ramro Video
Grear lecture sir ur videos are really helpful beginner to advance also.
Sir can u plzz explan about useEffect
very well explained sir
Aandar bahar ouch aayo
Meanwhile jhethalal:-
Goli beta masti nahi
17:58 sir please tell me which extension u r using for this autocomplete ??
emmet ectension, very helpful
Thanks Thapa ji
it was awesome
Enjoying a lot :)
great video bro
Ander bahar ander bahar 😂 ye logic acha laga output acha ayega
But output 9 months ke baad aayga 😂😂
Time : 18:18
const DoubleClick = ()=>{
setBtn('Change BG Dark Blue');
setBg(purple);
}
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
Nepal
He is from Nepal but living in India
@@shabbirahmedshabal6452 He is from Nepal but living in India
awesome video
12:09 pe console mein jo error hai first vale VM623 plz usse kese remove karte hai mere mein bhi aa raha hai..
thanks
Very helpful
17:51 onDoubleClick()
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.
same issue,
Hi, Thapa sir, your all videos are awesome. Please make a new video for auto logout after 24 hours of login.
Updated value k liay alg variable declare krain ya prana variable m e value de dain??
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.
Please sir redux ka ek complete playlist banao ekdum basic to throsold level tak
nice viedo bro . bro please make viedo on car emi calculator using react js
Sirji ek bootstrap k saath react use karo na please
Awesome
thapa bhai op
Completed #33
Thank you sir ji
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?
5:52 can anyone tell me how can I get these suggestions in vscode ?? I am not getting like this
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
@ThapaTechnical Can you tell me please why we do not use parenthesis in the calling function?
Bcz we use html as. a js in react
👍👍👍
21:10 pr ap kia kr rahy thy andar bahr andar bahr
hahahahaahga
🤣😛
OnTriple
OnFourth
...
...
..
Aise jitna chahe utna use kar sakte hai kya?
instead of double click we can use toggle here
10 45 k bd confusing ha bhai
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
sir React button click hone pe css class kaise add kare agar external css file use karna ho toh.
MEAN stack ?
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);"
isme multiple css use nhi kr paa rha hu or color ki state ko kaise use kre.
parentheses kyu nahi likhna hai while calling function? please explain in detail..
We only pass one css property in
let purple = 'colreName';
useState( purple )
How to pass multipal css in
Ek se jada css kaise likhe
Good
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 😢😢😢😢
3 2 1 and Bumb Guys 😂😅
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
Hi bro,
How to write this. handleclick in the functional component.
I want to hide show divs with only one state using this keyword.
TALKING TOM H PURA 😂😂
setBg function to defined hi nahin hai kaam kaise kar rha hai ?
UseEffect aur useReducee pe video banao
3 2 1 & boom guys🎆
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
19 30 p setBg m bg e pass ni kr skty thy?
Site p onmouseover tha ap n onmouseenter q likha??
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 ❤️
he used inline css
how to fire the component when user hit enter
ye bhi explain kro plzz
Purple ke batale hame Multiple CSS dena hai to kaese de?
Backend mein kya use karenge?
And boom 💥 guys 😂
In which video use ref and forward ref ?
@@nehabende5909 mtlb?
@@akashdindal633 sir ne use ref aur forward ref kis video me padhaya?
@@nehabende5909 react hooks 2021 wali playlist me hai saare hooks with short example
"Ouch" and "Ayyo" ke baad wps "click Me"
par Nahi ayaa hai mujhe unless mei usse refresh kru?
Is that easy to learn react js