Traversy Media | Build Hangman With React @TraversyMedia | Uploaded August 2020 | Updated October 2024, 1 hour ago.
In this video we will create a hangman game using React with hooks
CodeSTACKr YouTube Channel:
youtube.com/codeSTACKr
VanillaJS Version:
github.com/bradtraversy/vanillawebprojects/tree/master/hangman
Final React Version
github.com/codeSTACKr/hangman-react
20 Web Projects With Vanilla JS Course:
vanillawebprojects.com
💖 Become a Patron: Show support & get perks!
patreon.com/traversymedia
Website & Udemy Course Links:
traversymedia.com
Follow Traversy Media:
twitter.com/traversymedia
instagram.com/traversymedia
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
In this video we will create a hangman game using React with hooks
CodeSTACKr YouTube Channel:
youtube.com/codeSTACKr
VanillaJS Version:
github.com/bradtraversy/vanillawebprojects/tree/master/hangman
Final React Version
github.com/codeSTACKr/hangman-react
20 Web Projects With Vanilla JS Course:
vanillawebprojects.com
💖 Become a Patron: Show support & get perks!
patreon.com/traversymedia
Website & Udemy Course Links:
traversymedia.com
Follow Traversy Media:
twitter.com/traversymedia
instagram.com/traversymedia
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