Bind in javascript | chai aur

[@thecalgarians4597]

Mind blowing. I could never imagine this deep down lies the use case of bind() in JS and erstwhile React

[@blackopss017]

The day I will get a job...I am gonna share small stake of my salary with those youtubers who taught me programming and Hitesh Bhaiya is one of them.

[@theedit9028]

Wow 🙏

[@MohsinKhan-wv3ep]

He don't wany your money , but the thing he may appreciate, which you can give is by achieving your goal and helping others to achieve their goal ❤

[@sandeepswain6202]

Broo I have the same motive too . Let's go 😊

[@manashvardhan9965]

Same

[@vanshkumar-9042]

What happened brother! Have you get the job?

[@SarveshKumar-08]

00:02 Introduction to the early days of React 01:28 Learning JavaScript basics for free on KZbin. 02:51 Discussing the creation and functionality of a class in React 04:31 Creating and handling button click events in JavaScript 05:57 Adding event listeners and handling button click events in JavaScript 07:26 Understanding button references and React methods 08:53 Explaining the use of 'BIND' keyword in JavaScript 10:19 Access to libraries and functions inside React

[@DashinDanish]

Indeed! We humans always tend to take things for free for granted. But here, let's not do that. He's putting his precious time and efforts just to teach us so that we may get a job. Let's share his videos everytime we see it in the feed!

[@sirdragoon4625]

If someone is confused here is the summary , since we are calling this.handleClick and this here is button as console.log(this) gives , so button do not have handleClick access (that's why its coming as undefined ) , so we have to explicit bind this to the class context (Which is React) to get the access. Hope it is clear😀

[@codebreaker8055]

I'm 100% sure this is the best series of JavaScript on KZbin. Love you sir videos nhi rukhne chahiye or chai banti rehani chahiye

[@shreyakolekar4059]

Thank you Hitesh Sir for teaching such deep concepts and history of JS coding. Still hard to believe that we are getting this for free. I've done courses on Udemy, but nothing compares to your amazing videos! ❤

[@pullurupraveen9315]

can u please explain the concept in english

[@Engineer_Singer]

00:02 ✦ Learning JavaScript basics for free on KZbin. 01:28 ✦ Discussing the creation and functionality of a class in React 02:51 ✦ Creating and handling button click events in JavaScript 04:31 ✦ Adding event listeners and handling button click events in JavaScript 05:57 ✦ Understanding button references and React methods 07:26 ✦ Explaining the use of 'without' keyword in JavaScript 08:53 ✦ Access to libraries and functions inside React

[@gopishaw111]

I found an Interesting concept regarding 'this' that it does not overrides the content of 'this' in callback function:- In JavaScript, the bind() method creates a new function that, when invoked, has its this value explicitly set to the value provided as an argument to bind(). It doesn't override this in the original function; rather, it creates a new function with a bound context.

[@namankatiyar5843]

Best course of JS, No one teaches this much of depth. Thanks for the effort you have made.

[@bibek2507]

Thank you Hitesh and the whole team behind this beautiful JS course.

[@salmansalman-pc8di]

Thankyou Sir for such useful content for free on youtube...Really appreciate your work. Please keep it up.

[@Code_Kingdom999]

Hitesh sir best teacher in my view koi koi yhi java script 10000 NRI se pd rha ha aur koi koi koi koi yhi java script 25000 NRI se pd rha ha aur koi lkhao dekr kisi me itna clear or basic stand ni jo ki sirf HITESH Sir me ha Big Fan of HITESH sir

[@shivanshupathak8702]

Such a sweet guy! 1:46 Keep the good work going Hitesh sir💪

[@superherofreak837]

We love you, Sir. We all know how much effort you put into making these videos. When I start earning, I will contribute a part of my income to you through this channel as a token of gratitude because your teaching has provided me with immense value in my life.

[@ManojSingh-b1j3i]

thanky sir , cheeje bhale kaam main aaye na aaye per unki knowledge honi bhut jaruri hai , aapka bhut bhut dhanywad ki aap ne itna achaa course banaya , warna past ka pata nhi or future ko define karne chale , isse lagata hai ki past ki knowledge hona bhut hona aawayasak hai , danywad ,

[@nehabansal370]

Thank you Hitesh Sir for teaching such concepts with simplified explanation along with JS history. I have not seen any paid or free content so far, that can touch your way of teaching

[@btech_Algorithm]

best tutorial on JavaScript ever exist on earth. I think after spending a big amount of money for learning JavaScript, that also not comparable or even close to these tutorial. Thank You sir..! kudos...... like please everyone

[@len5755]

10:45 witty humble bragging Thanks for these videos

[@chaiaurcode]

😎😁😂

[@dcsalim4384]

Love you sensei 🙏 kabhi socha nehi tha free me bhi itna quality content mil sakta hain hats off sir

[@wahajuddin-l1i]

"In simple terms: Without the bind method, an event listener only has access to the context (or this) of the element that triggers the event (like a button in this case). So, in your example, the handleClick event listener only has the button's context (this refers to the button itself). Using the bind method, we can set the this context to a different object, allowing us to access the context where the event listener was created, not just the button's context."

[@AHEAVR]

your javascript course is far beyond the bound, its fire, have never seen anyone in my life to share this much of detail in one course, that also free ❤‍🔥❤‍🔥

[@shikharpandya4927]

Sir I find ur Js series as the best in YT. Your tutorials gives insights of the topics which are not discussed much by others . Lots of love and respect for ur hard work for helping us out by sharing ur knowledge ❤😄

[@Vaishnavi-x3h3x]

Thank you so much for this amazing playlist. I learned alot through this 🥰🥰🥰🥰🥰🥰

[@motivetochange759]

I really appreciate and love your work ❤. Jitna aapne deep mein jakar padhaya hai, utna to koi soch bhi nahi padhane ka. Aapke wajah se hee mere jaise developer aspirant ko umeed ki roshani dikhati hai . Thank you sooooooo much Hitesh bhaiya ❤

[@prashantsingh5142]

Overwhelmed by the quality ..thanx alot.

[@Shubham_Gupta_ji]

You are the best teacher who provide all the paid content for free. Even the paid content doesn't provide so Deep knowledge as they only want to sell more and more courses. 🔥🔥🔥

[@ayushrajput6108]

Thankyou Hitesh sir I got new things best teaching about javascript learned much cj's concepts easily 🎉

[@tech_channel110]

shandar shandar lectures behtareen series behtareen video

[@mayeshafairuz]

I usually quit things when i get bored but sir apke efforts hme bhi boost kr rhe hy! Thank you so much for your endless efforts and with your kind smile! God Bless You Sir!!

[@prasadtambde3894]

"Love the perfect blend of tech and tea on Chai aur Code! Engaging content and soothing vibes make it my go-to channel. Keep brewing knowledge!"

[@VikashSingh-hc6zo]

Thanks a lot sir. Chai k sath javaScript ka under the hood behaviour or khi dekhne ko ni milta sirf yaha milta hai

[@VIPUL27]

Sir apke prem prem ke chakr me ye series maine 3 bar dekh dali😁

[@ArunSharma-we2xy]

No sir, You are best youtuber for technical courses

[@BitFire007]

"Chai aur Code, you're the mentor I wish I had when I started learning JavaScript. Incredible job!"

[@Anime-vk6xq]

Best series to learn about JavaScript in depth.

[@Rohithakur07]

Thankyou so much , it is the best javascript series in the history of mankind❤❤❤

[@mayanksinghrana4446]

Thank you, Hitesh sir, for your invaluable insights and deep understanding of JavaScript. Your expertise has been instrumental in enhancing my understanding of this language and has truly empowered me to become a more proficient developer. Your passion for sharing knowledge is inspiring, and I am incredibly grateful for the guidance you provide. Here's to continued learning and growth together.

[@vipin143kumar]

Hello Sir 😘, ur tutorials hv been an invaluable resource 4 me n many others who r eager 2 learn n expand our knowledge. Ur teaching style is not only engaging but also incredibly effective. U've a unique talent 4 breaking down complex concepts into easily understandable parts, which has made learning so much more accessible. Thank You for Being an Amazing KZbin Tutor 🙌

[@rohitthakur7090]

hats off to your dedication hitesh sir

[@priyanshukumar6679]

Sir is Wale topic PE to bahut hi maja agye ❤❤❤ Sir apse padhkr to js ke concept pehle se hi dimaag mein chal rha hai GOLDEN GEM hai app js ke thanku so much sir ❤❤❤😊😊

[@Hamza-Pro-Dev]

1:47 Appreciated ☺

[@bellCarter-c5j]

bhut bbadhiya series h , keep it uppppppppp :) so im learning JS because i have to create project , bythway you are so grearfull ,

[@jayateerthkakhandki255]

Thank you so much Histesh sir. The concepts you teach are very deep and understandable. Nobody teaches concepts this well for free. Thank you so much for delivering such high quality content with your hard working efforts.

[@Vikramsinghmertiya863]

Thanks a lot for the insightful javascript series on KZbin! It has been incredibly helpful in enhancing my understanding of the language.

[@Coder-rohits]

Sir aapke iss prem ko kabhi nahi bhul paunga.

[@AnkushRana-p9h]

its hard to believe that we are getting this beautiful detailed course for free.

[@akshayjain2777]

Thanks sir jii ❤‍🔥 your efforts are priceless ✌ such a deep content you are giving free. What a man you are sir jii

[@sajeelahamedsyed62]

Thanks Bhai aap ne bohat acha samjaya bind function. U r the inspiration to me as a teacher and role model

[@avipatel7106]

Easy to understand Hitesh sir, thank you for sharing

[@rahuldev6206]

Bhai next level No comparison

[@RishirajDesigns]

We appreciate your efforts sir 🙏

[@its_Amit_00]

i know sir you are doing a great work ....... #02:19

[@rakshitchopra2612]

Sir u are the best teacher

[@RayanTanzeem]

Thank you so much sir 💚

[@Jen_Gaming23]

Loved this series. Very much appreciated sir❤️

[@wrongturn7865]

Best js course ever in decades

[@zohaibshahzad4567]

love you sir :) Watching your series from Germany

[@h3m4n5hu]

bahut bahut dhanyavaad sir aapke efforts ke liye!

[@vaibhavsingh3453]

document .querySelector('button') .addEventListener('click', () => this.handleClick.call(this)); If we use call like this then it'll also work. I was so much consued about it and researched so much about bind and call. I almost got the clarity but i am still little bit confused but it's ok... 🤧🤧🤧🤧

[@pratiksingh23]

But, did you notice that if the button is clicked, it does nothing when "call" is used. Also, the button need not be clicked to produce that output that you are getting. It is because, the function this.handleClick.call(this) is not passed as reference as we have seen in the case of "bind". It is immediately gets executed as the constructor is called (how constructor is called -> when page reloads). Whereas, bind method just produces the reference for function to be called later point of time by binding this to the passed argument to the bind function. That is why, as soon as the page reloads it prints the same output as this.handleClick.bind(this). Button has no reference to execute a function. Basically it has undefined. addEventListener also doesn't generate error as it got undefined (return value of handleClick()).

[@vaibhavsingh3453]

@@pratiksingh23 bro, using call like this just works exact same as bind. And my code is working properly and button as well. Because using call() immediately executes the function that is why I have wrapped it in another arrow function, so that it doesn't get's executed immediately as we load it into the browser. If you don't wrap this .call() method like I did, only then it will create such problem that you mentioned. If you want to pass that function as reference and also you don't want to use bind. You can write it this way: "()=>{this.handleClick.call(this)}" It works just same as using bind like this: "this.handleClick.bind(this)" At the end of the day it depends on your choice what syntax you prefer. But obviously bind is more commonly used in even handling so if you want your code to maintain some industrial standards then you'll have to follow the preferred way. Hope it gives clarity! Thanks! 😊❤️

[@vaibhavsingh3453]

​@@pratiksingh23bro, using call like this just works exact same as bind. And my code is working properly and button as well. Because using call() immediately executes the function that is why I have wrapped it in another arrow function, so that it doesn't get's executed immediately as we load it into the browser. If you don't wrap this .call() method like I did, only then it will create such problem that you mentioned. If you want to pass that function as reference and also you don't want to use bind. You can write it this way: "()=>{this.handleClick.call(this)}" It works just same as using bind like this: "this.handleClick.bind(this)" At the end of the day it depends on your choice what syntax you prefer. But obviously bind is more commonly used in even handling so if you want your code to maintain some industrial standards then you'll have to follow the preferred way. Hope it gives clarity! Thanks! 😊❤️

[@jointheamnaofficial]

Thanks for the series 😊

[@RagSingh-e2e]

best Series ALL OVER THE UNIVERSE, thank you Sir 🙏

[@satyamraj6800]

best video for bind sir..❤❤❤

[@vaibhavsingh3453]

Thank you sir 🙏❤️

[@BioChemAcademy]

just for comment purpose {If someone is confused here is the summary , since we are calling this.handleClick and this here is button as console.log(this) gives , so button do not have handleClick access (that's why its coming as undefined ) , so we have to explicit bind this to the class context (Which is React) to get the access.}

[@PratulMakar]

Thank you very much sir chai ke sath☕

[@ano3000nymous]

In the line "this.handleClick.bind(this)" the first 'this' refers to the React class as the function 'handleClick' is in the React class and the function reference in the event listener is also being written in the React class. The 'this' parameter in the bind method also refers to the context of React class as it will be used by 'handleClick' method to log out the server property of React class. Is this right?!?

[@JugaaduFinance]

Thank you so much sir for these videos.

[@ronakTV12]

Thank You SIr

[@feelawesome251]

1:46 - sir aap toh Bihar UP mode m chal gaye 🙂 But thank you so much sir. for this wonderful course.

[@sp1460]

east or west, sir ke courses are best

[@bimandas4794]

thank you sir for that much detailed knowledge...

[@39_ganesh_ghodke98]

Thank you for this great series 👍

[@koustavmaity-fh3gx]

god level teaching!!!!!.

[@jayashreedas5931]

Thanks, sir ji.....I bow to thee, a crore crore times..

[@umarnoor7417]

Much value provided Sirji....

[@tanoypaul]

Thanks sir for your kind afforts 💙💙

[@arjunshukla9328]

Sir your teaching is awesome

[@deepakbaghel2444]

Best js course on entire KZbin ❤❤❤

[@mehaksharma-jt7sx]

apka bohot bohot dhanyavad sir , appreciate a lot

[@hassanhameed7796]

Sir kya bataun.. bas Love ho aap

[@BOSS55]

thanks ji

[@sahdevdomadiya8665]

sir bohut hi help mil rahi he thanks. please sir raect native pe bhi ek playlist bana dijiye.💗💗💗💗💗

[@MightyYoutuber-mb7xd]

Amazing content💖💖

[@saptathirtachoudhury4158]

Hitesh Bhai is always the best

[@WatchNotchK2S]

With all the respect, free toh hai but audience bhi sir best hai apki. Don't worry app jo bologe vo bilkul karenge....like share subscribe bhi karenge😅

[@chaiaurcode]

Ye to sab maante h, chai aur code pe sab serious coders h. Life me kuch krna chahte h aur uske liye serious mhnt krte h. Mujhe b full motivated rkhte h

[@ayushi1517]

Thank you sir for this good lectures of js🥰

[@pratikrajput2066]

crystal clear explanation

[@JayveerPal-vq4be]

love this Series

[@shyam_soni99]

"Hitesh sir 's JavaScript series is a goldmine of knowledge, transforming beginners into proficient developers! 💡 ''

[@rahamatshaikh8285]

from lacture 1 to here .................😍

[@codewithsehran]

1:46 I'll never gonna forget you ❤

[@sumitsinha995]

content appreciation seh baad ke hai !!

[@Kaleemsipra1]

Very much appreciated sir❤

[@utkarshdixit4611]

Osm❤

[@GAMERDHRUVSHORTS]

thank you sir

[@manishchandane6017]

thank you so much sir 😊

[@mannumichel1925]

thankyou sir for the wonderful playlist ❤

[@pulsation3767]

one doubt sir, actually in line 20 of ur code, while giving handleClicked refrence, why we didn't put parenthesis while calling like document .querySelector('button') .addEventListener('click',()=>{ this.handleClicked() //--> without using bind, able to get the value. })

[@kekinchheda8097]

Thanks Hitesh Bhai for bringing informative video!