React Hooks useState tutorial in 10 minutes (5th YT video)

Hey there!

I've just released my 5th youtube video, and decided to get started on a React series, in no particular order as it'll build up over time. I've started with the useState hook, which we can use with functional components in React.

Let me know what you think!
React Hooks useState tutorial in 10 minutes

Alan Montgomery

posted to

Developers

on October 10, 2020

Say something nice to alanmontgomery…

Post Comment

2

Nice and quick tutorial!

You could also give a quick "pro" tip at the end of the video that leads to writing better React code, for example:

For callbacks (such as onClick), you should use useCallback so that the function stays the same, otherwise the child component will always re-render, even when memoized, as the props change.

XCS

·
4 years ago
·
Reply
1. 1
  
  Yeah I definitely could add a pro tip section to the end of the videos 💥 nice idea, thank you!!!
  
  Appreciate the kind words and support about the tutorial, thank you! 🙂 I enjoy sharing my knowledge in an easy to follow transferrable way so I'm glad that's shining through.
  
  alanmontgomery
  
  ·
  4 years ago
  ·
  Reply
2

Love your accent! One thing you might want to cover in another short video is how to use the update method from the immutability-helper package. It truly helps a lot to update complex data objects!

Corstian

·
4 years ago
·
Reply
1. 1
  
  Thank you so much 😱 its Northern Irish 😀😀 yes I definitely will cover this!
  
  alanmontgomery
  
  ·
  4 years ago
  ·
  Reply
2

Nice work Alan. How long does it take you to make a 10 min video tutorial typically? I'd also recommend putting a link in the video description with a link to the source code. I know it's a simple example but if I wanted to copy and paste anything I wouldn't be able to. You also reference external files like the css file but without a link to it I would think a beginner would just be confused.

most

·
4 years ago
·
Reply
1. 2
  
  Thanks very much I really appreciate the kind words and support! 😀
  
  This particular 10 mins video took around 2 hours... Around 20-30min recording then around 1 hour or 1hr 30 editing and just prepping keywords etc for the upload!
  
  Perfect advice thank you so much. I'm definitely going to do this going forward. What did you think of the video?
  
  alanmontgomery
  
  ·
  4 years ago
  ·
  Reply
  1. 2
    
    I thought the video and presentation were great. It might be cool to do a live stream of your process creating the tutorial, and then you post the edited version to youtube.
    
    This came to mind because of a quote from Rework about selling your byproducts:
    
    "When you make something, you always make something else. [...] Everything has a by-product. Observant and creative business minds spot these by-products and see opportunities."
    
    most
    
    ·
    4 years ago
    ·
    Reply
    1. 2
      
      That sounds like such a cool idea! I might do this for my next one! Almost like a behind the scenes!
      
      alanmontgomery
      
      ·
      4 years ago
      ·
      Reply
2

PS what you think of the thumbnail? haha :)

alanmontgomery

·
4 years ago
·
Reply
1. 2
  
  Looks great! Use WebDevSimplified or DevEd or DesignCourse for inspiration. By far my favorite ones I’ve seen :D
  
  Btw, what tool do you use to create them?
  
  BraydenTW
  
  ·
  4 years ago
  ·
  Reply
  1. 2
    
    I'm starting to master my keyword/tag research as well i think. I'm currently ranked 4th for "usestate tutorial"
    
    alanmontgomery
    
    ·
    4 years ago
    ·
    Reply
    1. 2
      
      Congrats! Tbh, yours does pop out the most 👍
      
      BraydenTW
      
      ·
      4 years ago
      ·
      Reply
      1. 1
        
        Appreciated!
        
        alanmontgomery
        
        ·
        4 years ago
        ·
        Reply
  2. 1
    
    Yeah i think i will! Don't think there's much wrong with using others as inspiration :D
    
    I just use canva! Pretty straight forward but i think it helps catch the eye!
    
    alanmontgomery
    
    ·
    4 years ago
    ·
    Reply
    1. 2
      
      Cool! I've been thinking of doing some type of Youtube gig on the side. I've seen things like Figma and Canva too. Thanks for the suggestion :D
      
      BraydenTW
      
      ·
      4 years ago
      ·
      Reply
      1. 1
        
        Awesome!! Be sure to share with me to check it out! And no problem 🎉
        
        alanmontgomery
        
        ·
        4 years ago
        ·
        Reply