Creating A React Component WITHOUT React

Getting started in React without knowing what's going on under the hood can be so much more complex! In this video, you'll learn about how to create a component purely in vanilla JavaScript, what things you should know before you start developing a React component, and finally, some "thank you" messages from the host after his last video.

Learn more about this project, and get a few additional questions answered:

The best resource for a new React Developer:

—
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

[fvgoya]

NEVER let some STUPID crap of people put you down because of your face or whatever. NEVER. Keep doing your thing. The community appreciate your work,

[geomukkath]

This is the channel from where I learned css and animations back in Jr.college . I am a front end developer now. Travis was just superb. Hope you will do well too 😊👍

[devDigestOfficial]

Good to know you're putting in the effort to keep DevTips going. I really appreciate it and I'm sure other subscribers also appreciate it as well.

[tobiasjager-egger]

Very nice tutorial! Nice to see that devtips is back alive :) I saw one small error in your code: when setting the innerHTML of your counter to the span, you are not closing the span ;) chrome is smart enough to handle that, but in larger components this can lead to problems :)
Looking forward to the next tutorials!

[eleah]

Hello, It's cute that you would comment about your looks. I don't care much about that but but do get slightly bogged down with side details like that plus-plus syntax. You sometimes try to be a little too thorough in the small details. You can assume a little more of your audience. This is good content. I bet a lot of react developers (including me) take these (not small) basics in how react works for granted. A good follow-up would be how bundlers put all this together - just an overview. Thanks.

[johnylab]

Great idea to show some engineering behind the framework. Thank you and keep the good work!

[devashishpujari]

The video is so good. I was curious to learn *how can I create components without using any frameworks* and after 1 hour of research on the internet I found this video. And now I can create my own reusable UI components. Thanku so much ❤️. Keep sharing your knowledge with us! 😀

[benstuijts]

good tutorial! A friendly tip: Get to the point faster. After a short introduction start with coding, in between things can be explained well. Keep up the good work!

[VitoOnYoutube]

Thanks a lot for the good tut!
Maybe you could add in the description a little timeline to allow people to jump to the different sections of the video.
Just a small suggestion 😉

[groovebird]

Hi, you declare the variable counter in your component. Why do you pass this as an parameter to the function instead of using the variable within the function?

[levantos]

Hey loved the vid. Was actually wondering what active tab highlight theme you were using for Chrome? It looks amazing 👌

[joshuajaydan]

This was helpful. I wish you would have appended the child nodes earlier. Felt like you built out the whole program before anything hit the page.

[carterwilde]

This just reminds me of how we use to do things lul.

[cwinter]

I'd say definitely stop the rambling. Listen to the feedback and make adjustments without explaining them before each video unless it is important. Wish all the best! Good luck! 👍

[marcod.]

Already more natural in front of the camera, but try not to look at it all the time.
Think you are talking to someone in the flesh, you don't stare at him straight in the eye all the time.
Other than that, great job.
By the way, the sound is very good.

[raven.]

Video was useful and exactly what I was looking for, but ffs dude, try not to ramble too much! You keep repeating yourself and that makes the video longer than it should be.
Please, don't take this personally as I didn't say this in bad faith, but still, I'm sorry if if I came out way too rude!