What is React Hooks ? Introduction with a simple example

[@anusijo1023]

i had a doubt . I asked him. He replied. He is awesome

[@Techsithtube]

Thanks for the compliment :)

[@AmitSingh-mi2ee]

Nice and clean introduction on Hooks. Please try to create a series on the complete guide on hooks.

[@cpmcmanaman]

This guy is talented. Patreon here I come. There is so much bad stuff out there. when someone comes along that is this good...I feel like I need to support them so we don’t lose them.

[@adamgordon862]

Awesome intro to hooks! They've sounded like this mythical thing for a while so I'm glad to have a video to break hooks down

[@thakurmahendarsingh3095]

Hi Techsith, Thanks for nice simple way of explaining the hooks concept. In hooks in order to change the state of particular input element you have used arrow function to bind the event handler. Binding the event handler on the html elements will lead to creation of the function object on every render. It is the not the best practice which react recommends.

[@AlmazovS]

Thank you a lot for simple, atomic and transparent example!

[@pranshushah6171]

your channel has the best tutorials on javascript and react. hope you cross 100k subs soon!! :)

[@Techsithtube]

Thanks for the nice wish. I hope 100k subs come soon.

[@pranshushah6171]

@@Techsithtube i think you should create real life vanilla javascript projects, it attracts lot of beginners and you can do same for react

[@andrewaghoghovwia1948]

I love your teachings..you have a firm grip on what you teach

[@dnyaneshpatil2480]

Great videos by techsith. Five star.

[@jithunniks]

Nice introduction to Hooks😀

[@Techsithtube]

Thanks for the nice comment:)

[@rajeevsharma2404]

as usual best tutorial 👌

[@mandapati_bhavani]

Nice video this is the place where we can learn and master in front end technologies. Thanks a lot sith sir

[@Techsithtube]

thanks mandapati :)

[@speedy-b]

Hey Techsith. Many thanks for your effort to make those lectures possible to understand more easy. Difficult stuff! It reminds me of my first walking steps with Angular. React is more fun, due to the easier learning curve. I appreciate.

[@pawenobis5386]

Wow, looks like a new era of React is comming!

[@Techsithtube]

Its seems so.

[@sonalibhagwatkar5979]

Nicely Explained ... very nice..

[@geethakovoor6549]

This is just awsome ! This made my react knowledge milestone part!

[@mikeshilovski1512]

Dude, thank you! wish you a great day

[@Techsithtube]

Have a great day mike , Thanks for watching!

[@billyphillips4835]

My favourite channel on YT!

[@lunar-ix9vu]

awesome! look forward to .other hook vids!

[@Techsithtube]

I am working on next videos. thanks for watching!

[@hatrick3117]

Im on board for a series! Seems like this type of component will became main pretty soon. I hate it for now tbh :)

[@Techsithtube]

Yes this is the future on react. there is no turning back . So a must learn. will keep making further videos for this series.

[@rohanchaudhary2296]

Best React Tutorial on youtube! Please make a video on the deprecated component lifecycles and to be removed in React 17 ie. "componentWillMount", "componentWillUpdate", "componentWillReceiveProps" and new ones "getDerivedStateFromProps" and "getSnapshotBeforeUpdate" .

[@Techsithtube]

Yes I need to make a new one. Thanks for the reminder. :)

[@rohankademani6406]

Best explanation kept it up

[@lisovykoleksandr]

Thanks a lot! Would be really cool, if You will do next lessons - with lifecycle hooks and Redux integration. And again - thanks for Your work!

[@ytadi9229]

Awesome Intro. Just a correction. React strongly says that Hooks are not here to replace class based components.

[@Techsithtube]

lol. it actually is replacing class based components. I have project where i am not using classes at all . What they are saying is that if you have used classes , we will support you if you upgrade to the latest version . Basically, they wont deprecate classes anytime soon. but eventually classes are going to go.

[@jiahaoyu855]

I like those emoji you put in every videos!

[@atxorsatti]

Great vid! What indent highlighter do you use?

[@xerotolerant]

Hooks look dope. I thought it was weird that something like react was so bound up with 'classes' since Javascript doesn't actually have classes. Can't wait for it to crystallise and become the standard way of doing things.

[@Techsithtube]

I am hoping that React would release a stable version on hooks soon.

[@saurabrakshit405]

Sir Why didn't you made vdo on useCallback hook , I want to learn it from you .

[@ruchirai5775]

Why hooks are made to replace classes ? What problem does it solve ?I went say some of the blogs but they are explaining it in a very complex way :(

[@Techsithtube]

classes were invented for object orients programming, JavaScript follows more functional programming paradigm, JavaScript has classes but they are not real classes, its just make it looks like classes. JavaScript you want to do composition and not inheritance. that is why react decided to go hooks way which allows you to o composition . composition means creating object with multiple things rather than following strict inheritance which we know doesnt work well.

[@itmarkconsultancy]

Thank you :)

[@Techsithtube]

Thanks for watching Usman

[@MrPDTaylor]

Love the channel!!!!! Keep it up please!!!!!

[@rolandmesaros6941]

It's easier to use redux with hooks or with components? I mean I'm still confused by redux, so this makes it easier or more confusing?

[@yekaterinabindyuk9035]

Great content as usually

[@kamrandvr4045]

thank you so much

[@mrtarunnagpal]

Awesome explation, Can you please guide me where to go next?

[@velmurugan.personel]

Nice one @ techsith...

[@dwipayantripathy3966]

Dear Sir, Your tutorial is very good to understand javascript and other things. but i don't think that react hook is the replacement of class. If so then how can we bind the methods in constructor? suppose its required to bind the method to the constructor. Please i need some information on this Thank you very much for the great explanation on React Hook its really helps.

[@Techsithtube]

If you use hooks you dont need to use classes and if no class means no constructor. Its more functional way of doing things. as you notice I removed the class from the example

[@SedhuRaguraman]

can you provide useReducer tutorial

[@kensyjolicoeur]

wait ( I have a question , can you explain me what's the difference between input.value and input.target.value?), now i start learning react hooks from this playlist. thank you for these video's, you help me a lot.

[@Techsithtube]

you mean event.target.value , when you have an event on an element like input, you can access the value that you filled in by passing the event property and getting event.target.value from it.

[@drlucky5474]

Why people always mention about Redux when talking about React? What is the relationship?

[@praveenrajkumarchintalapud4595]

If possible can you make video on axios

[@Techsithtube]

Yes I can. Also learn fetch as well

[@sunny_singh_rajput8970]

@@Techsithtube i can if you want than reply me on [e-mail]

[@sudhirdhawan2583]

Should we learn react hooks without prior knowledge of class-based component?

[@andrzejmarek7059]

small comment ? No, HUGE COMMENT :D

[@Techsithtube]

Small or huge I appreciate your comments. :)

[@usamamirza]

Please Create a video on react SSR

[@JaspreetSingh2701]

Please make a video on 'how to find complexity of a program'?

[@Techsithtube]

You mean the big 'O' complexity?

[@androidgeeking]

I hate this syntax. I like classes. GRRRRRR

[@CO8848_2]

Such ugly kludges are the future? React is doomed then.