Learn React Higher Order Component (HOC) in 10 Minutes

  Рет қаралды 53,665

ZAINKEEPSCODE

ZAINKEEPSCODE

Күн бұрын

Пікірлер
@shilpachauhan9178
@shilpachauhan9178 Жыл бұрын
I literally wasted few hours to learn HOC. But This video make me undestand In just 10 minutes. Simple and concise 👏👏
@alcidesign
@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
@paschalynukwuani6930 2 жыл бұрын
You explained so much in just 10 mins. I really learnt a lot from this tutorial.
@yazeezy4425
@yazeezy4425 2 жыл бұрын
This was extremely clear and very good. I appreciate the simple and concise explanations / demonstrations you gave
@altamashaseer5156
@altamashaseer5156 2 жыл бұрын
This is by far simplest explanation using functional components on whole utube!!
@akashsinha3417
@akashsinha3417 2 жыл бұрын
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. ♥️
@abhirocks550
@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
@imdanteasy Жыл бұрын
hi! have you found the answer? I have the same idea and wondering why we need to use HOC
@revanthkumarsake7035
@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.
@andrewaghoghovwia1948
@andrewaghoghovwia1948 2 жыл бұрын
This explanation deserves a standing ovation!
@katynguyen287
@katynguyen287 2 жыл бұрын
great thanks, you're explanation is so much clear and on point
@JakeOfIL
@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!
@messiisthebest
@messiisthebest Жыл бұрын
Excellent, came from the Coursera meta course to understand this concept more clearly
@balajiganesh4246
@balajiganesh4246 4 ай бұрын
Such a simple explanation. Thank you so much
@ritomukherjee8389
@ritomukherjee8389 2 жыл бұрын
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
@It_guy613 Жыл бұрын
very well made, my thanks for who made this video, it's content is concise and simple, perfect for begginers!
@ZAINKEEPSCODE
@ZAINKEEPSCODE Жыл бұрын
Glad you enjoyed it!
@MoritzWright
@MoritzWright 5 ай бұрын
That is actually a very good explanation! Thanks!
@nalindu
@nalindu 4 ай бұрын
Thank you! This video gives us a clear understanding of HOCs. 🙏
@blackknightbazil4249
@blackknightbazil4249 2 жыл бұрын
Super bro...good explain...... Look forward to see you with more videos...
@CreativeNerdVentures
@CreativeNerdVentures 5 ай бұрын
you explained it very nicely brother. Keep going.... 😊 thanks!!!
@danielmorales0917
@danielmorales0917 9 ай бұрын
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"?
@Kingofmylife007
@Kingofmylife007 2 жыл бұрын
Thank you so much and please continue to reactjs
@Cosmos_the_stardust
@Cosmos_the_stardust 8 ай бұрын
Great video, What are the other situations to use HOC ?
@TheLucasskl
@TheLucasskl 7 ай бұрын
Thanks for exelent video, your explication was simple and very good
@mohammadfarhadi9407
@mohammadfarhadi9407 Жыл бұрын
Nice and clear! Thank you. Please make a video for HOC with TypeScript, it is very confusing.
@doriannamas
@doriannamas Жыл бұрын
holy sheet best explanation ever, THANK YOU
@thefreemonk6938
@thefreemonk6938 6 ай бұрын
Greatest video on KZbin for Higher Order Components. Kudos to you bro.
@gldzzpro5793
@gldzzpro5793 2 жыл бұрын
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
@ZAINKEEPSCODE 2 жыл бұрын
Thanks GitHub dark theme with Cascadia Font and cursor blinking expand.
@gldzzpro5793
@gldzzpro5793 2 жыл бұрын
@@ZAINKEEPSCODE thanks man it worked finnally now i look like a programmer
@erixgutierrez6552
@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.
@mohammadsoleimanikia9087
@mohammadsoleimanikia9087 Жыл бұрын
thanks for real simple explanation.
@arpitsharma-us4ou
@arpitsharma-us4ou 11 ай бұрын
it help me for my interview thanks bro
@simmzzzz
@simmzzzz Жыл бұрын
Great explanation! Thank you! :D
@biggeststeppa1
@biggeststeppa1 9 ай бұрын
This is amazing. Thank you.
@m.mugammadhusatem.mugammad561
@m.mugammadhusatem.mugammad561 4 ай бұрын
Thank you so much ❤❤
@rakeshshah5783
@rakeshshah5783 4 ай бұрын
Yes I understood HOC after watching your videos. But I have one doubt Why you created two components with same functionality. We can use the only one components and pass the props for making reusable..
@misael5179
@misael5179 Жыл бұрын
Amazing tutorial!
@juanjosevillegasayala570
@juanjosevillegasayala570 6 ай бұрын
thanks so much master! all clear
@ElizeyEnglish57
@ElizeyEnglish57 2 жыл бұрын
You deserve subscription and thanks alot for this video and sir please guide me line number 9 of hoc
@sahandsepidar4089
@sahandsepidar4089 2 жыл бұрын
best explanation ever
@asemalfoqha2766
@asemalfoqha2766 2 жыл бұрын
Can you make a video of your VS extensions?
@developer_01
@developer_01 2 жыл бұрын
Really nice explanation bro
@ZAINKEEPSCODE
@ZAINKEEPSCODE 2 жыл бұрын
Thanks
@realisticmoment
@realisticmoment 2 жыл бұрын
You are awesome ✨
@phongnguyen.5322
@phongnguyen.5322 2 жыл бұрын
good explain, thanks u sir
@lokishandle
@lokishandle 5 ай бұрын
😆 ex felt personal ❤ for HOC
@deebasarwan4605
@deebasarwan4605 10 ай бұрын
Well explained
@CodeDreamer68
@CodeDreamer68 4 ай бұрын
Thanks for this
@hoquan9723
@hoquan9723 Жыл бұрын
can you give me the font name. thank you
@samislam2746
@samislam2746 2 жыл бұрын
How to pass props from App to person1 as well?
@samislam2746
@samislam2746 2 жыл бұрын
In addition to the HOC props
@ManamiBhunia-xm5to
@ManamiBhunia-xm5to 2 жыл бұрын
nice explanation
@anwarhussain5055
@anwarhussain5055 2 жыл бұрын
Bro make the video with react redux.
@ElizeyEnglish57
@ElizeyEnglish57 2 жыл бұрын
i am waiting. i have not cleared this
@vijaykumarsidda3370
@vijaykumarsidda3370 3 ай бұрын
really good
@amineaqebli5169
@amineaqebli5169 Жыл бұрын
Thank you
@jrupp2823
@jrupp2823 2 жыл бұрын
you are the fucking man bro omg
@RihaLV
@RihaLV Жыл бұрын
thanks!
@jamieblair4336
@jamieblair4336 Жыл бұрын
Awesome content, just avoid using Fireship themed thumbnail, better to create your own identity
@srinilm3010
@srinilm3010 4 ай бұрын
helpful!
@healthadvice3091
@healthadvice3091 Жыл бұрын
i have money but im not rich T_T
@kushalshukla444
@kushalshukla444 11 ай бұрын
jhaat explanation
@ghostkee5031
@ghostkee5031 Жыл бұрын
UR ACCENT AND VOICE IS JUST HARD TO FOLLOW WITH
How to treat Acne💉
00:31
ISSEI / いっせい
Рет қаралды 108 МЛН
Don’t Choose The Wrong Box 😱
00:41
Topper Guild
Рет қаралды 62 МЛН
Higher Order Function | javascript interview series
11:46
Hitesh Choudhary
Рет қаралды 38 М.
Learn Custom Hooks In 10 Minutes
9:38
Web Dev Simplified
Рет қаралды 259 М.
Learn React useReducer Hook with Examples
14:19
Lama Dev
Рет қаралды 181 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 878 М.
HOC or Higher Order Component in ReactJS
15:23
Studytonight with Abhishek
Рет қаралды 8 М.
ALL React Hooks Explained in 12 Minutes
12:21
Code Bootcamp
Рет қаралды 175 М.
HOC Pattern in React
20:51
Cosden Solutions
Рет қаралды 13 М.
Un-Suck Your React Components - Composable & Compound Components
15:47
Rust for the impatient
10:43
No Boilerplate
Рет қаралды 758 М.