Make Tic Tac Toe with React | Beginners Tutorial

[@Code_Complete]

Check out some of my other web development courses on Skillshare! Get 1 month of Skillshare free using my referral link - www.skillshare.com/r/profile/Laksh-Dwivedee/57076884?gr_tch_ref=on&gr_trp=on

[@kiwiskilled]

awesome tutorial.
just a little tip: for the css classes of box and reset-btn you should add cursor:pointer to show interactivity.
also in the Board.js you should give your mapped buttons components a key prop "key={idx}" to get rid of the annoying error message in console

[@cyborganic]

Thanks very much for this tutorial!

[@raheelafzal5406]

best video on youtube for Tic Tac Toe with React 😍😍😍

[@pallzpallz8205]

Awesome tutorial, thank you so much😇

[@mariomeza3514]

Also pro tip: if you get stuck on some of the parts, you can copy and paste the source code into chat gpt, and have it explain to you the part your stuck on

[@sports4yoo]

Really helpful bro.thanks for this tutorial.

[@noorb374]

plz make more videos , it very helpful

[@driveandlisten2062]

it's amazing.....can you please make an react course from scratch to advance😀 you are awesome at teaching🥰 god bless you brother

[@devikapm516]

Thanku so much sir for this

[@Unknown-fe4uk]

Good One Bro 👍. Could Have Added Draw Condition Also

[@anniezafar3777]

thank you. its been very helpful

[@Code_Complete]

Glad it helped!

[@swarnimpaudyal]

Clear instructions and logic. Thankyou ! It really helped the go back through the basics.

[@DUGALAMNAVEEN]

super bro it is really help full we need more projects explanations to increase over knowledge

[@PauloGu1na69]

great tutorial man. Thankss

[@Code_Complete]

Glad you liked it!

[@harshitsachan154]

This is a really helpful educational resource. I was very impressed with your pedagogy skills. Looking forward to more great content. Thank you for sharing this informative content.😇

[@MrItzreal]

Thanks for the video! It helped me to really get familiar with the syntax and how to connect components! I'm looking forward for your next video.

[@Code_Complete]

I'm glad the tutorial was useful to you! If you have any recommendations for future topics, do let me know 😃

[@anniezafar3777]

you should make more videos on react tutorials.

[@brandoncharles9667]

Thanks for the help!!

[@Code_Complete]

Happy to help!

[@Viezieg]

thank you so much !

[@ebunoluwaoni3962]

thank you very much,i found it useful for my assignment and it was well explained

[@Code_Complete]

You're most welcome, glad I could help! 😊

[@kaushikid1]

Extremely useful 👍

[@Code_Complete]

Glad it was helpful!

[@petridev77]

Thank you!

[@Code_Complete]

You're welcome!

[@karankumar-mt1sx]

thnks a lot! very helpfull video

[@Code_Complete]

Thanks! I'm glad it helped

[@veterancode2523]

React js another projects try th-cam.com/video/tuInCmwydEY/w-d-xo.html

[@holmdev]

if the board is full and no one have three in row , how do we reset the board then

[@venkatramisetti6961]

Please do make more videos

[@calixtepaul3306]

Which extra packages does he have installed? Not a huge deal but I don't have access to the rafc shortcut and couldn't find any extension in vs code that does.

[@Flower-ho2kp]

great video! thank you very much :)

[@Code_Complete]

Glad you liked it!

[@stronmor]

Hi excelent video, but could you do this same video but using zutand to keep the winer players and create microstore to save the board if the user refresh the page, the board and the winers player keep them values.

[@Code_Complete]

Glad you liked the video! I haven't used these these technologies before but I'll try my best to read up on them and make a tutorial!

[@stronmor]

@@Code_Complete sound realy great!! keep going, I learn so much with this video!! {

[@cmenterprises6592]

Sir please use local storage for score store and update as well

[@SandeepYadav-gz6pw]

Great video bro you are pretty good with react 😊

[@Code_Complete]

Thanks a lot! Do let me know if there's any project/topic you want me to make a video on!

[@daminiraj4846]

React redux beginner project

[@shivamtoons12]

One of my instructor have same teaching style.. are you chandra sir?

[@Code_Complete]

Unfortunately not 😅

[@David-co5gy]

When you use the reset button after x's turn, the game starts on o's turn. How would you make it so the game always starts on x?

[@Code_Complete]

In the resetBoard function, you can add setXPlaying(true). So no matter who ends the game, it always starts on X when the board is reset

[@ManishKumar-vx2xe]

hello at 15:51 how to you clean your box value ...

[@Code_Complete]

Adding a useState to the boards variable with an initial null array should clear it up

[@ManishKumar-vx2xe]

@@Code_Complete thank you

[@vetri4206]

please what shortcut did you use to clean up the code at 11:01 ?

[@Code_Complete]

In VS Code you can go into the settings and turn on “Format on Save” which will clean up your code whenever you save a file. Hope that helps!

[@vetri4206]

@@Code_Complete thanks bro

[@LucaLucci-u8g]

Doesn't work to me: it give to me false results many time

[@pushupnow7518]

you so cool

[@daminiraj4846]

Grt

[@Code_Complete]

Thank you!

[@lalit-singh-bisht]

that onClick created so much confusion...and is one of the worst things for me in this app

[@daanvanhove9657]

Noice

[@gonguyen7102]

It's so hard to understand 😢

[@synster693]

'beginner'

[@mayankkankoriya4620]

Time 27.34 and line no 9 in scoreboard.js how it is possible to write strings in ' score x-score ${ !xplaying}'

[@Code_Complete]

It’s called template literals, a feature in ES6 which allows writing variables inside strings