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:
Tweets by traversymedia
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
