This Is A Great Beginner React/TypeScript Project

awesome video. it was today that i realized im not even close to being a begining with react and typescript....

Oddly on my laptop I get vscode intellisense for the div styles MaxWidth, flexDirection etc. But on a new setup with the same exntesions it doesn't appear to happen - anyone had this?

sorry I have problem with


<div style={{ alignSelf: "stretch" }}>
<Keyboard/>
</div>

it not working . Can someone help me, please?

Kyle, why did you use "keypress" event? It is deprecated.

Great video BUT you go through it so fast! I often miss what you deleted/changed because you immediately move on to something else. Had to adjust the playback speed to make things easier for me. Overall though, great video.

I just want to create the app I need for work with a fill-in-the-blank template. 😭 I feel so unintelligent and I really need this job.

styles is deprecated ? use this
import "./Keyboard.modules.css"
... then where your class is
<button className='btn' ...

This was great, thank you so much! I had to go back and pause A LOT but I learnt a lot from this and it was also quite fun to build a game to interact with!

I am just wondering if you have some project with this kind of "complexity" in your hands, can that be enough to get a junior developer job? Or is that better to dig deeper and build something more complex, even the design is lacking?

The only one I listen to at 0.50 speed :) thanks for great tutorial.🤙

How does he quickly rearrange the component's properties to be in different lines?

Hi man therse somthing wrong with ypur page the button to continue when you put your email on chackot page dosent work when you write anything there

Kyle - you're always well-prepared, thorough, competent, and professional. I thank you for your generosity in providing all of these top-quality vids.

For SPANISH devs 😎
add 'ñ' to letters array
in getWord function ---> return words[Math.floor(Math.random() * words.length)].normalize("NFD").replace(/[\u0300-\u036f]/g, "")
to ignore accents

Doesn't seem like much but this is such a clever little project.

What is the convention when it comes to css? I usually move my css into seperate files, but here you put a lot of styles directly on the divs and so on. Just want to learn more

It's actually incredible how typescript can be so short but my head spins every time you call a method or make functions return custom types

Right off the bat I get this Error: App.tsx:6 Uncaught ReferenceError: Cannot access 'wordToGuess' before initialization
'wordToGuess' implicitly has type 'any' because it does not have a type annotation and is referenced directly or indirectly in its own initializer.ts(7022)
Function implicitly has return type 'any' because it does not have a return type annotation and is referenced directly or indirectly in one of its return expressions.ts(7024)
on the statement:

const [wordToGuess, setWordToGuess] = useState(() => {
return words[Math.floor(Math.random() * wordToGuess.length)]
})

why is it always hard to clone your repo and run.... how to run this after cloning from github

Could you please shift the Inline CSS to a better solution?

What does auto beautify your css when saving? An extension?

This guy is a great teacher

Muuuch to fast to code along, but well... I made it :D
But it's actually much too easy to cheat by looking at the Components Tab in the React Dev Tools.

Credit: elzero web school*

I don't use TypeScript, but with a bit of effort I transformed this amazing project into React + JS ☺ Thanks a lot!

Learnt a lot of new things thank u so much kyle.

always enjoyable to watch your videos.

One question: about 32 minute mark you do a keyboard match(/^[a..z]$/)
What if the user enters capitalize 'H'?

No WORDS to express my gratitude for this video. 😁😁😁😁

new sub ty from Peru

I see what you did there. God bless.

another greaat project which is quite intermediate is building a chess game, there are some channels that did it so if you want more of this look it up :)

Thank for great tutorial.

Great tutorial. Thank you very much. Also want you to know that I got issues signing in for your hook course. Apparently my email address doesn't get recognized.

Please make a detail videos on how rendering works in react and why the use effect without any dependency array runs inifite with and usestate but if the same dependency use in a child component it is not running dependency. I'm confused please simply the rendering of react for us .

Please check my comment on your to-do app video. Thank you very much.

just out of curiosity, how would you stop someone from reading the word in inspect element? basically cheating the game

This is a masterpiece!!! thanks Kyle

Perfekt, but why don't you make videos about lit element ?

this channel seems always provides what I need for now. Amazing !
And your way of teaching and spreading knowledge is great. Thank you always.

👍💯

For beginners?

Waiting for TypeScript in 30 mins Video 😍😍😍😍😍

Great video as always! 😊

Hi kyle it would be awesome if you can create an short series on react + redux or context API + Usereducer

May I ask why do we name HEAD, BODY, RIGHT_ARM, LEFT_ARM, RIGHT_LEG, LEFT_LEG in uppercase?

Honestly was more impressed with this guy pure CSS... holy cow ! Keep going please