React JS for beginners: Tutorial 4 - State Hooks

Поделиться
HTML-код
  • Опубликовано: 1 окт 2024
  • This is a #freeReactCourse so make sure to share it with your friends. In this video we build a basic counter using hooks in React.
    #LearnReact #freecodelesson
    Follow me on social media:
    Twitter: @QuentinWatt
    Facebook: @quentinwatt
    Instagram: @quentinwatt
    Looking for a job? Try one of these referral links.
    -----
    Europe: (London, Germany, The Netherlands, Barcelona & more)
    app.honeypot.io...
    South Africa: (Cape Town, Johannesburg & Pretoria)
    www.offerzen.c...
    ---
    Subscribe:
    / quentinwatt
    I also make videos here:
    / quentin
    Donate with Paypal:
    www.paypal.com...

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

  • @XolaDossantos01
    @XolaDossantos01 4 года назад +2

    lol so brutaly honest, " I need the exposure - why not share this free course with everyone.... "

  • @codewithwindow
    @codewithwindow 10 месяцев назад

    Hello sir make full react js course video please 🙏🏼🙏🏼

  • @SahraClayton
    @SahraClayton 4 года назад +1

    Hi, I think you should be a guest on Traversy Media's channel as he is having people help him. I did comment to him that you had a good teaching style

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

      Thanks. Yes I am afraid I am not active enough on RUclips but that would be fantastic.

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

    All went pear shape I have no idea what the error is/was but that's me out.. thanks

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

      Sorry to hear that.
      If you could post the error from Chome Dev tools or React Dev tools I could help point you in the right direction.

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

    Hello, what kind of content will be made available when I become a member?

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

      Hi, I am currently filming paid courses for Udemy and skillshare that I will also release to RUclips members. So it's content that will always be behind a paywall.
      I'm still working on some of it, so check back soon. :D

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

      @@QuentinWatt cool, so, let me know about that. I am Marcio Sartini from São Paulo. On another comment, asked you , if do you have some examples of react and redux authentication on the api. Tell me, If yes, and this content will be paid. Sorry , my English is poor.
      thank you!

  • @youssefzerhouni2211
    @youssefzerhouni2211 4 года назад +1

    Thank you very much brother 🙂

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

      It's a pleasure. I hope you enjoyed learning something new.

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

    Great content. For a long time, I didn't really understand the difference between stateful and stateless components. Myabe unpack the render function a bit.

    • @QuentinWatt
      @QuentinWatt  4 года назад +1

      All you needed to know is that there are different syntaxes for creating components and you might see documentation with a different syntax.
      That's really all there is to the render function. Classes allow you to declare state in a constructor at the top of the file. So those components have state. Where functional components must use hooks instead.
      See the differences here.
      reactjs.org/docs/hooks-state.html

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

    do u have es6 tutorial, may help us to work on React.

    • @QuentinWatt
      @QuentinWatt  4 года назад +1

      Nope, but I find I learn better just jumping straight into the deep end and working my way backwards.

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

    Hi, Quentin! Beginner question: Why using an arrow function in the onClick listener?

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

      React will run the code immediately if it's not an arrow function, but the arrow function works as more of a callback so that the code only waits to run until the button is clicked.

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

      @@QuentinWatt Got it! So with the arrow function it works "asynchronous". Thank you so much for your reply!