Learn React Higher Order Component (HOC) in 10 Minutes

"Copyright Disclaimer under Section 107 of the copyright act 1976, allowance is made for fair use for purposes such as criticism, comment, news reporting, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use."
INSTAGRAM : @talhankofficial
/ talhankofficial
TWITTER : @TalhaNk2
/ talhank2

[@shilpachauhan9178]

I literally wasted few hours to learn HOC. But This video make me undestand In just 10 minutes. Simple and concise 👏👏

[@alcidesign]

Yo! I've been spending the whole morning trying to understand what HOC was about and you make it clear for me in less than 10 minutes. Thank you bro.

[@paschalynukwuani6930]

You explained so much in just 10 mins. I really learnt a lot from this tutorial.

[@thefreemonk6938]

Greatest video on TH-cam for Higher Order Components. Kudos to you bro.

[@katynguyen287]

great thanks, you're explanation is so much clear and on point

[@yazeezy4425]

This was extremely clear and very good. I appreciate the simple and concise explanations / demonstrations you gave

[@altamashaseer5156]

This is by far simplest explanation using functional components on whole utube!!

[@revanthkumarsake7035]

Best example and very clear exaplanation, If we have this kind of trainer everyone will get job and become good developer. Thank you so mutch.

[@akashsinha3417]

Sir... When I am telling you ke you are the best I MEAN IT. I have been trying to understand HOC for 2 hours now but not a single video is with small but good example... Your video saved my life 😭.... Thank you so much for this code example I will never forget this. ♥️

[@MoritzWright]

That is actually a very good explanation! Thanks!

[@messiisthebest]

Excellent, came from the Coursera meta course to understand this concept more clearly

[@juanjosevillegasayala570]

thanks so much master! all clear

[@CreativeNerdVentures]

you explained it very nicely brother. Keep going....
😊 thanks!!!

[@abhirocks550]

What if we create a single Component with state value as money and an option to increase money.
they will have a button to increase the bid in component Person. Can you please explain why do we need to add this inside HOC here if the component can manage this using props?

[@imdanteasy]

hi! have you found the answer? I have the same idea and wondering why we need to use HOC

[@blackknightbazil4249]

Super bro...good explain...... Look forward to see you with more videos...

[@simmzzzz]

Great explanation! Thank you! :D

[@biggeststeppa1]

This is amazing. Thank you.

[@Kingofmylife007]

Thank you so much and please continue to reactjs

[@TheLucasskl]

Thanks for exelent video, your explication was simple and very good

[@ritomukherjee8389]

Very beautiful. I am a JS dev for a long but new to React and HOC was one of the concepts I was confused about. You explained it well. I can relate tp a few points explained below.
I would add some points about the use case for the other viewers:
1. It makes your code follow DRY( Don't Repeat Yourself) principle. ➿
2. In React it's always better to avoid as less stateful components as possible. Putting the state in the HOC and making the useable components stateless, made us follow the principle, and made the state centralized for similar code bases. ✅
3. It's a very much asked question in the interview, not a use case though. 🤣🤣🤣🤣

[@It_guy613]

very well made, my thanks for who made this video, it's content is concise and simple, perfect for begginers!

[@ZAINKEEPSCODE]

Glad you enjoyed it!

[@mohammadfarhadi9407]

Nice and clear!
Thank you.
Please make a video for HOC with TypeScript, it is very confusing.

[@doriannamas]

holy sheet best explanation ever, THANK YOU

[@JakeOfIL]

Thank you so much for this! Really helped me understand the basics of HOC.
What if for Jimmy we multiply by 2 and for John we add 10, is that possible in HOC as well? how will it be written?
If you could make a video of more complex logic of HOC that would really be amazing!
Thank you!

[@mohammadsoleimanikia9087]

thanks for real simple explanation.

[@andrewaghoghovwia1948]

This explanation deserves a standing ovation!

[@arpitsharma-us4ou]

it help me for my interview thanks bro

[@misael5179]

Amazing tutorial!

[@realisticmoments5123]

You are awesome ✨

[@amineaqebli5169]

Thank you

[@Cosmos_the_stardust]

Great video, What are the other situations to use HOC ?

[@deebasarwan4605]

Well explained

[@danielmorales0917]

Good explanation, thank you!
I have a doubt about the "NewComponent", why is it not receiving any prop?
And why are you returning "OriginalComponent" and "NewComponent"?

[@phongnguyen.5322]

good explain, thanks u sir

[@ElizeyEnglish57]

You deserve subscription and thanks alot for this video and sir please guide me line number 9 of hoc

[@sahandsepidar4089]

best explanation ever

[@RihaLV]

thanks!

[@ManamiBhunia-xm5to]

nice explanation

[@asemalfoqha2766]

Can you make a video of your VS extensions?

[@erixgutierrez6552]

damn, I heard the Indian accent and said noooo xD but in the end my God this was a great explanation, the best I've found about this topic, you get a like and if I find something else like this in your channel you get a subscriber.

[@developer_01]

Really nice explanation bro

[@ZAINKEEPSCODE]

Thanks

[@hoquan9723]

can you give me the font name. thank you

[@gldzzpro5793]

best explanation ever thank u .... you earned my sub ... but please but can u give us the name of the vscode theme and how that cool cursor animation works it´s amazing and thank you

[@ZAINKEEPSCODE]

Thanks
GitHub dark theme with Cascadia Font and cursor blinking expand.

[@gldzzpro5793]

@@ZAINKEEPSCODE thanks man it worked finnally now i look like a programmer

[@lokishandle]

😆 ex felt personal
❤ for HOC

[@ElizeyEnglish57]

i am waiting. i have not cleared this

[@samislam2746]

How to pass props from App to person1 as well?

[@samislam2746]

In addition to the HOC props

[@anwarhussain5055]

Bro make the video with react redux.

[@jrupp2823]

you are the fucking man bro omg

[@jamieblair4336]

Awesome content, just avoid using Fireship themed thumbnail, better to create your own identity

[@healthadvice3091]

i have money but im not rich T_T

[@kushalshukla444]

jhaat explanation

[@ghostkee5031]

UR ACCENT AND VOICE IS JUST HARD TO FOLLOW WITH