Code Your First React App | Beginner React App

[@Trinita1970]

I recently decided to leave Vue for React because it's is more in demand. So you're tutorial is very timely. Thank you i have loved this small exercice !

[@GoonCity777]

Jack of all trades, master of ONE. Even if I am not the king in JavaScript libraries as a sysadmin/cloud/network engineer, I sure enjoy having an understanding of all things in I-T

[@aprilucid]

Hi Tiff! i had been daunted by coding and burned out for a while yet blaming myself as I was not good enough(well coding will be always challenging tho!) then after some break i began to go step by step, little by little. Today morning I watched this video from the other side of the world, and got a really nice motivation as the video was calming and friendly as others mentioned in comment :) Thanks for this approach! your content really helped me out! :)

[@TiffInTech]

Thank you! That makes me so happy to hear!💕💕

[@cakefunny5813]

I recently consider to find front-end job and found many job need the skill. However I didn't learn react at school. Thanks for this useful video 😄

[@TiffInTech]

Forsure!

[@dandiasabeyesinghe4890]

Just started learning React! This helps alot💯

[@TiffInTech]

Glad I could help!

[@aliceelina1280]

hello do you trade?

[@gulshanmotala7959]

Great idea to do more tutorials better. However I feel like you could explain the steps in a bit more detail. we have the documentation open next to us, so I think your added value would be to comment on why we do things / reiterate the thought process / logic. Looking forward to more videos!

[@mverma7845]

Hey Tiff Thanks so much for this, it's cool to see a developer like you actually reading the docs and coding along side, I see a lot of devs on YT create videos where it looks like its from memory. But good job.

[@TiffInTech]

thank you!! Really appreciate that! Yup just want to normalize going through documentation and taking tutorials! That no one has it all "memorized"

[@AstonJay]

I love this new series idea! This is a great way to try out different languages and build out your skills

[@TiffInTech]

I'm so glad! Thats what I was hoping for!

[@bobitaakter7350]

@@TiffInTech Which laptop do you use. M1 or intel MacBook.

[@asapbrianjr]

I don't even have any plans on using React but as a fellow computer nerd, I really enjoyed this video!

[@TiffInTech]

yay! That made my day!

[@cryptician6113]

I am currently in a FullStack bootcamp and we just started learning React yesterday! What a great coincidence with your tutorial! I'm definitely gonna take it and see what more I can come up with... already thought about some kind of function to select a winner, although I already feel like that idea could be a daunting task...

[@cryptician6113]

Although mastering that would open the doors to a whole new idea: copy the squares 9 times and turn it into a sudoku game!

[@georgehammond867]

well done missy, its not easy coding React apps.

[@JuanGabrielOyolaCardona]

Thanks for sharing great tutorial easy to follow and clear instructions. 🥰🤩😃

[@ScientistIzaak]

So excited you posted this! I started learning React yesterday!

[@TiffInTech]

That's awesome! Great timing!

[@HrissW]

0:28 6 months in React and still feels this way 😭

[@elysiafilm6215]

Enjoyed watching this and following along, Thank you!!

[@TiffInTech]

Glad you enjoyed it!

[@Bri-Official-Selftalks]

Wow I like videos like this, she walks us through every step of the process. I wanna see more vids like this soon!!

[@TiffInTech]

Yay! Thank you! More to come!!

[@stevensong8784]

I'll make sure to brainstorm onward. Awesome if you could include how to exit from VSC terminal.

[@fabh9010]

I made it! Thanks.

[@ARJR-m41E]

My Tech crush ❤️

[@hamadaparis3556]

So awesome tutorial it really refreshes my react memories quickly after a long time with no using it.

[@TiffInTech]

Great to hear!

[@trtlphnx]

I Love React; Thanks Sweetie, Love Your Channel and Incredible Knowledge Base ~

[@TiffInTech]

Glad you enjoy it!

[@matthewdolan720]

That was fun! Thank you, Tiff! :)

[@TiffInTech]

Thank you!!

[@satyavivekanandbattula1091]

Thank you very much Tiffany 😊.Really Useful video 😇 .

[@TiffInTech]

You're so welcome!!

[@erick740]

I'm in love 😍

[@ayoubelachab2412]

Thanks for this video 🤩

[@TiffInTech]

💓

[@jeanniepaculba4839]

This was super helpful

[@TiffInTech]

Glad it was helpful!

[@walter.hrnndz]

Recently I had to learn a bit of react for an application that I had to fix, I found it quite easy to use having some knowledge of js and programming in general. Good video!! 🙃

[@TiffInTech]

Thanks for sharing!

[@aliceelina1280]

hello do you trade?

[@richie7898]

Love these sort of tutorials... Thanks tiff

[@TiffInTech]

Glad you like them!

[@connorskudlarek8598]

You could try making a folder called "desktop folder", then put anything in it that you would normally put in your desktop but doesn't actually need to be on the desktop. ;)

[@aliceelina1280]

hello do you trade?

[@trewaldo]

How I wish I had an instructor like you! This is a very beginner-friendly tutorial. Keep them coming! Cheers, Tiff! 😍🤓🥰

[@sohel-developer]

Just Awesome😍💕

[@yusufrazakhan2443]

thats really helpfull

[@KAITOMORI875]

Always cheer me up. Thank you!!!

[@TiffInTech]

No problem 😊 thank you!!

[@kitcat2449]

React was really fun, thank you for sharing knowledge!

[@connorskudlarek8598]

This tutorial could be "added onto" by creating a back-end for tracking an account's win/loss history, maybe adding the dates of played games with their outcomes as a graph. Or you could go as simple as just ending the game when one player causes a 'win' condition. Or add a refresh button in the site and track X wins and O wins below the gameboard. That way instead of refreshing the browser, you can just reset the game.

[@Nation-Of-Joe]

Love this content! Would look forward to seeing more this sort of series 👌

[@danielsladecek8258]

Hi Tiff! Please, Have u ever had problem with install react app and throw you this? Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-scripts... node:internal/modules/cjs/loader:936 throw err; thank you for your help 🙂

[@Ayoutubeaccount3]

first vid I'm about to watch on react...

[@TiffInTech]

yay!!

[@gopalks6437]

Lovely but why class based and not hooks ??

[@jbiraCR]

Great topic great content in this channel as always !!!! 🇨🇷🚀💯👨🏻‍💻

[@TiffInTech]

Thank you so much!! :)

[@AMARNATH-em2sf]

good stuff dude

[@TiffInTech]

Thank you!

[@cambutchart]

Hi Tiff, where is the Git repository - I cant seem to find a link

[@chilly2171]

Hi ! Would you want to do a bigger project, with multiple small video series and coding sessions? I think that'll be really cool, fun and educative!

[@stevensong8784]

Thanks!

[@TiffInTech]

Thank you Steven!! Always makes me day to read comments / see support from you!

[@stevensong8784]

@@TiffInTech even tho I saw it 7 months later? 😅

[@TiffInTech]

@@stevensong8784 haha never too late :D

[@BrendaMichellleTech]

Love the tutorial Tiff! I love React an their documentation is one of my favorites :)

[@TiffInTech]

thanks Brenda! and right!? They have awesome documentation!!

[@aliceelina1280]

hello do you trade?

[@johnpaulduavis8097]

pleasee more on react tutorials

[@zanmarcusbiyer]

Hi tiff this is Zan. I know nothing about Code. I was wondering if you might consider picking a code for beginners and teaching from the beginning. I didn’t know what was going on in this video but I thought it was so cool that you could create the tic-tac-toe game. And I would really like to be in the know of creating code thank you

[@aliceelina1280]

hello do you trade?

[@zanmarcusbiyer]

@@aliceelina1280 I don’t understand the question? I am just looking to learn how to code.

[@aliceelina1280]

@@zanmarcusbiyer i mean trade crypto

[@mingyangli9171]

Try do the next tutorial on using GraphQL in React 🤩

[@Quicknuggets]

What theme icon did you use for vs code?

[@KalDillard]

I created two react web apps but still have trouble hosting them on firebase!

[@banilamunasinghe6069]

👍❤️💯

[@TiffInTech]

happy Tuesday!

[@remylebeau9947]

Can you give me further reading on more React projects for beginners?

[@TiffInTech]

there is so many great resources online that I would just search for what specifically you are looking for!

[@marti.2718]

Not to hate, but you're missing explaining the react lifecycle and how hooks

[@TiffInTech]

I am following the very intro react tutorial! As you get further into the react docs it gets into it:) only so much can be fit into one video!

[@Wanderer2035]

I cant find the css link for it

[@vathanahov5325]

soo i learn react a while ago and i make a lot of project using react hooks and custom hooks ... and now looking back at class components i feel like it much harder

[@dharaa9387]

is this React.JS or React Native?

[@AvinashSingh-vj3rk]

Nice video 👍

[@TiffInTech]

Thanks 👍!!

[@AvinashSingh-vj3rk]

@@TiffInTech welcome 🙏

[@hexadecimalhexadecimal5241]

I generate a new app and it loads with pre loaded code, i then proceed to do what i see tutorials videos do....and that is delete some of the uneccesary files bam app crashes in cmd. i cant delete any of the pre loaded files without the app crashing...wtf

[@137dylan]

Thanks for sharing...shame however you did this in class components as they're now deprecated. The React documentation is out of date.

[@ihteshamulhaq5499]

2nd view love u❤️

[@TiffInTech]

thanks for your support!!

[@transcendcapitalism]

We didn't add the 'winner' code at the end.

[@nicolasrnemeth]

Wouldn't it be better had you created your own tutorial or at least bring tutorials about skills you are familiar with?

[@TiffInTech]

I thought this would be a fun way to motivate others to go through documentation/tutorials and learn together :) Yes creating my own tutorials is another great idea! I have limited time between a very busy full time career and working on videos so I thought finding a happy medium of taking tutorials together would be fun. thanks for your thoughts!

[@SesTonuu]

[@body_web_life8497]

Why you are using class based components ..As you can use hooks and functional components .I think that is no reason for this

[@TiffInTech]

this is a tutorial going through the official React documentation :) Agreed Hooks are amazing! The purpose of this is a code along to go through the React docs and make it more friendly to others going through it for the first time :)

[@vitaliisyvashchenko7641]

Almost first))

[@TiffInTech]

haha yay! still in the first few minutes :D

[@khizrshaikh9902]

First

[@TiffInTech]

yay!!!

[@zzzzzz-fn1kx]

:)❤

[@sheikshemo6447]

Second

[@TiffInTech]

yay!!

[@squ34ky]

While I appreciate the effort you've put into this, I have to ask what the point of this video was, We could just as well follow the documentation on the React site. If you're not going to be presenting something original, why even bother?

[@BeyondWithAlireza]

Sorry but Hooks?!!!!

[@arturb5152]

Do You know what i found moust intersting about Your...

[@keyOfSoul88]

React is shit I like only native JavaScript... =(

[@hamxsolo1039]

damn baby take me out to dinner

[@khizrshaikh9902]

First