Build Hangman With React

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

Powered by WPeMatico

About Guaripete Solutions

Guaripete Solutions SEO Agency in Charlotte North Carolina, with personalized SEO Consulting Services, Small and Medium Business Social Media Marketing Services, and Website Builder Experts oriented to our Customers.