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.twitter.com/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