Build Hangman With React



In this video we will create a hangman game using React with hooks

CodeSTACKr YouTube Channel:
https://www.youtube.com/codeSTACKr

VanillaJS Version:
https://github.com/bradtraversy/vanillawebprojects/tree/master/hangman

Final React Version
https://github.com/codeSTACKr/hangman-react

20 Web Projects With Vanilla JS Course:
https://vanillawebprojects.com

đź’– Become a Patron: Show support & get perks!
http://www.patreon.com/traversymedia

Website & Udemy Course Links:
https://www.traversymedia.com

Follow Traversy Media:

https://www.instagram.com/traversymedia
https://www.facebook.com/traversymedia

Timestamps:
00:00 Intro
00:30 Overview of Vanilla Project
01:16 Create React App
03:18 Split Into Components
04:02 Header Component
05:36 Figure Component
07:50 Wrong Letters Component
08:37 Word Component
09:03 Popup and Notification Component
09:47 Identify State with useState
11:17 Implement State
12:42 Display Word
16:07 Update Wrong Letters
19:40 Event Listener with useEffect
27:00 Display Parts
29:44 Notifications
35:49 Popup
44:40 Play Again Button

source