This Is A Great Beginner React/TypeScript Project

121,763
0
Published 2022-11-01
FREE React Hooks Course: courses.webdevsimplified.com/react-hooks-simplifie…

Hangman is the perfect beginner React project since it is easy enough logic-wise, but still includes many complicated problems to solve. In this video I will show you how I would create a hangman game in React.


📚 Materials/References:

FREE React Hooks Course: courses.webdevsimplified.com/react-hooks-simplifie…
GitHub Code: github.com/WebDevSimplified/react-hangman
Regular Expression Video:    • Learn Regular Expressions In 20 Minutes  
Array Methods Video:    • 8 Must Know JavaScript Array Methods  


🌎 Find Me Here:

My Blog: blog.webdevsimplified.com/
My Courses: courses.webdevsimplified.com/
Patreon: www.patreon.com/WebDevSimplified
Twitter: twitter.com/DevSimplified
Discord: discord.gg/7StTjnR
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:27 - Demo/Setup
01:48 - Planning
05:00 - HTML/JSX
26:12 - Drawing Component Logic
28:55 - Word Component Logic
30:03 - Keyboard Logic
38:25 - Win/Lose Logic


#React #WDS #TypeScript

All Comments (21)
  • @tonyg_nerd
    Kyle - you're always well-prepared, thorough, competent, and professional. I thank you for your generosity in providing all of these top-quality vids.
  • @welcomeJava
    this channel seems always provides what I need for now. Amazing ! And your way of teaching and spreading knowledge is great. Thank you always.
  • This was great, thank you so much! I had to go back and pause A LOT but I learnt a lot from this and it was also quite fun to build a game to interact with!
  • @SyntaxErrorB
    I have no intention of ever doing this or Web dev, but your videos are very relaxing and good to fall asleep to. It doesn't sound like a compliment but trust me it is
  • The only one I listen to at 0.50 speed :) thanks for great tutorial.🤙
  • @nicmackenzie
    No WORDS to express my gratitude for this video. 😁😁😁😁
  • It's actually incredible how typescript can be so short but my head spins every time you call a method or make functions return custom types
  • @partialdata
    Thank you! More content like this please TS and React!
  • I don't even do web dev but i still find your videos incredibly interesting
  • @regilearn2138
    ❤❤❤ NEED more TYPESCRIPT + REACT + REDUX + MERN projects ❤❤❤