What is React Hooks ? Introduction with a simple example

Поделиться
HTML-код
  • Опубликовано: 4 янв 2025

Комментарии • 68

  • @AmitSingh-mi2ee
    @AmitSingh-mi2ee 6 лет назад +6

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

  • @cpmcmanaman
    @cpmcmanaman 4 года назад

    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.

  • @thakurmahendarsingh3095
    @thakurmahendarsingh3095 5 лет назад +4

    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.

  • @adamgordon862
    @adamgordon862 5 лет назад +1

    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

  • @anusijo1023
    @anusijo1023 5 лет назад +5

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

  • @pranshushah6171
    @pranshushah6171 6 лет назад +19

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

    • @Techsithtube
      @Techsithtube  6 лет назад

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

    • @pranshushah6171
      @pranshushah6171 6 лет назад +1

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

  • @speedy-b
    @speedy-b 4 года назад

    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.

  • @mandapati_bhavani
    @mandapati_bhavani 5 лет назад +2

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

  • @andrewaghoghovwia1948
    @andrewaghoghovwia1948 5 лет назад

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

  • @AlmazovS
    @AlmazovS 6 лет назад

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

  • @dnyaneshpatil2480
    @dnyaneshpatil2480 5 лет назад +3

    Great videos by techsith. Five star.

  • @rajeevsharma2404
    @rajeevsharma2404 6 лет назад +2

    as usual best tutorial 👌

  • @rohanchaudhary2296
    @rohanchaudhary2296 6 лет назад

    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
      @Techsithtube  6 лет назад +1

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

  • @jithunniks
    @jithunniks 6 лет назад +4

    Nice introduction to Hooks😀

  • @mikeshilovski1512
    @mikeshilovski1512 5 лет назад +1

    Dude, thank you!
    wish you a great day

    • @Techsithtube
      @Techsithtube  5 лет назад

      Have a great day mike , Thanks for watching!

  • @billyphillips4835
    @billyphillips4835 6 лет назад

    My favourite channel on YT!

  • @geethakovoor6549
    @geethakovoor6549 4 года назад

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

  • @pawenobis5386
    @pawenobis5386 5 лет назад +1

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

  • @hatrick3117
    @hatrick3117 6 лет назад +2

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

    • @Techsithtube
      @Techsithtube  6 лет назад

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

  • @lunar-ix9vu
    @lunar-ix9vu 6 лет назад

    awesome! look forward to .other hook vids!

    • @Techsithtube
      @Techsithtube  6 лет назад

      I am working on next videos. thanks for watching!

  • @lisovykoleksandr
    @lisovykoleksandr 6 лет назад +2

    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!

  • @sonalibhagwatkar5979
    @sonalibhagwatkar5979 4 года назад

    Nicely Explained ... very nice..

  • @jiahaoyu855
    @jiahaoyu855 5 лет назад +1

    I like those emoji you put in every videos!

  • @rohankademani6406
    @rohankademani6406 4 года назад

    Best explanation kept it up

  • @yekaterinabindyuk9035
    @yekaterinabindyuk9035 5 лет назад

    Great content as usually

  • @ruchirai5775
    @ruchirai5775 5 лет назад

    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
      @Techsithtube  5 лет назад

      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.

  • @rolandmesaros6941
    @rolandmesaros6941 6 лет назад

    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?

  • @ytadi9229
    @ytadi9229 5 лет назад +1

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

    • @Techsithtube
      @Techsithtube  5 лет назад +1

      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.

  • @saurabrakshit405
    @saurabrakshit405 2 года назад

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

  • @atxorsatti
    @atxorsatti 5 лет назад

    Great vid! What indent highlighter do you use?

  • @MrPDTaylor
    @MrPDTaylor 6 лет назад

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

  • @velmurugan.personel
    @velmurugan.personel 6 лет назад

    Nice one @ techsith...

  • @mrtarunnagpal
    @mrtarunnagpal 5 лет назад

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

  • @xerotolerant
    @xerotolerant 6 лет назад

    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
      @Techsithtube  6 лет назад

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

  • @dwipayantripathy3966
    @dwipayantripathy3966 6 лет назад

    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
      @Techsithtube  6 лет назад

      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

  • @sudhirdhawan2583
    @sudhirdhawan2583 4 года назад

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

  • @itmarkconsultancy
    @itmarkconsultancy 5 лет назад +1

    Thank you :)

  • @SedhuRaguraman
    @SedhuRaguraman 6 лет назад

    can you provide useReducer tutorial

  • @kensyjolicoeur
    @kensyjolicoeur 4 года назад

    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
      @Techsithtube  4 года назад

      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
    @drlucky5474 4 года назад

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

  • @kamrandvr4045
    @kamrandvr4045 5 лет назад

    thank you so much

  • @praveenrajkumarchintalapud4595
    @praveenrajkumarchintalapud4595 6 лет назад +1

    If possible can you make video on axios

    • @Techsithtube
      @Techsithtube  6 лет назад

      Yes I can. Also learn fetch as well

    • @sunny_singh_rajput8970
      @sunny_singh_rajput8970 6 лет назад

      @@Techsithtube i can if you want than reply me on sunny.kr.hr@gmail.com

  • @usamamirza
    @usamamirza 6 лет назад

    Please Create a video on react SSR

  • @JaspreetSingh2701
    @JaspreetSingh2701 6 лет назад

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

    • @Techsithtube
      @Techsithtube  6 лет назад +2

      You mean the big 'O' complexity?

  • @andrzejmarek7059
    @andrzejmarek7059 6 лет назад +2

    small comment ? No, HUGE COMMENT :D

    • @Techsithtube
      @Techsithtube  6 лет назад

      Small or huge I appreciate your comments. :)

  • @CO8848_2
    @CO8848_2 5 лет назад

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

  • @androidgeeking
    @androidgeeking 6 лет назад

    I hate this syntax. I like classes. GRRRRRR