Learning ReactJS: Converting Vanilla JavaScript into ReactJS

Last week, we went through the process of learning what's under the hood in a React application. Today, we're creating a React app and converting all of the vanilla JavaScript we wrote into a React component!

—
Get the Official DevTips Merchandise Today!

Follow DevTips to stay up to date with upcoming videos and projects:

Check out the Official DevTips CodePen for random projects and creations:

All background music provided by Monstercat with a Gold subscription

[aj__]

this channel is a lesson about passion and who people connect with, when Travis was here he was passionate about what he was doing, he had a clear vision, people connected with him, now the channel is switching owners frequently and the identity is lost, and they don't seem to care.

unlike thenewboston who left and kept his channel name untarnished, the lack of vision and seriousness after Travis is just sad tbh

[Danny-bnfg]

I don't know what happened to this channel but I think it's sad that it stopped completely. I know that making content is a hard job but that's something the new owner could have think about before IMO. I discovered the channel back when Travis came up with it and really enjoyed it as a Designer. Wondering if he's still at Google. However, it was a nice experience watching and learn from it.

[cafelutsa_]

At this point, I could run this channel

[Speerreclamebureau]

Cool subjects, like it! Just what i needed! Not learning the frameworks, but learning the technics behind the frameworks. Great job!

[Kinsta]

This is super helpful! Can't wait to see more from you! ✨

[theManuelOsorio_]

Good work with this video. It was straight forward and easy to follow. I've seen and even interacted with 'useState' in the past but never actually understood it but now I definitely have a better grasp of it thanks to this video. Also finally understand what all the '<></>' I see in lots of react project. Look forward to seeing 'useEffect' in action.

[flammea_]

you even look like Travis, this might work lol. but seriously great job understanding the audience and choosing to make respectful content

[assefatedla]

Well explained ... keep up the good work!!!!

[The_Nova_Glow]

Remember when he said "at least 1 video per week" ? lol

[shortsquake]

Love ur vids, please come back and make more vids if u can of course

[puskarwagle]

This was good video. Make more. Thanks for this

[ZPIB]

Hello,
is there a website that structures my code?
I am looking forward to your feedback!:)

[untildawn]

Get in touch if you are working with vanilla javascript (no libraries)

[gindevgin]

hi thank you! too bad i thought you were explaining how to really convert js code onto react code i don't know if there is a mean... can you tell me. ? thanks.

[mabdullahsari]

I came back after a year to see if new videos were uploaded, but nope.

DevTips is pretty much dead now. RIP

[jeanclaude]

can you please next time zoom the code 🤓

[ry]

Ok sooo DevTips is just dead. Thats really unfortunate.

[mohamadganji]

dude, why don't you upload new content??