Creating A React Component WITHOUT React

  Рет қаралды 7,883

DevTips

DevTips

Күн бұрын

Пікірлер: 25
@fvgoya
@fvgoya 3 жыл бұрын
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,
@devDigestOfficial
@devDigestOfficial 3 жыл бұрын
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-egger209
@tobiasjager-egger209 3 жыл бұрын
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!
@geo_mukkath
@geo_mukkath 3 жыл бұрын
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 😊👍
@shamseerahammed4094
@shamseerahammed4094 Жыл бұрын
Where is he
@johnylab
@johnylab 3 жыл бұрын
Great idea to show some engineering behind the framework. Thank you and keep the good work!
@devashishpujari
@devashishpujari 3 жыл бұрын
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! 😀
@eleah2665
@eleah2665 3 жыл бұрын
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.
@OfficialDevTips
@OfficialDevTips 3 жыл бұрын
Outside of KZbin, I work exclusively in React as well. I want to do some advanced videos, but to be honest, I'm not sure how to do that without alienating those that are beginners, especially since nowadays a lot of people skip the basics and go straight to frameworks and libraries. Bundlers are definitely on the list, and in the works already though :)
@levantos
@levantos 3 жыл бұрын
Hey loved the vid. Was actually wondering what active tab highlight theme you were using for Chrome? It looks amazing 👌
@VitoOnYoutube
@VitoOnYoutube 3 жыл бұрын
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 😉
@LewisCize
@LewisCize 2 жыл бұрын
Really helpful thanks!
@benstuijts5620
@benstuijts5620 3 жыл бұрын
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!
@OfficialDevTips
@OfficialDevTips 3 жыл бұрын
You’re totally right! Even the data says this as well.
@groovebird812
@groovebird812 3 жыл бұрын
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?
@OfficialDevTips
@OfficialDevTips 3 жыл бұрын
Purely for the sake of teaching the value of passing a parameter into the component. I'm not really able to teach advanced stuff here on DevTips just yet - because I needed to get past the beginner type of content first :). In the near future, things will be much more tidy.
@joshuajaydan
@joshuajaydan 3 жыл бұрын
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.
@carterwilde7812
@carterwilde7812 3 жыл бұрын
This just reminds me of how we use to do things lul.
@fionnbarrett1030
@fionnbarrett1030 3 жыл бұрын
Awsome
@marcod.643
@marcod.643 3 жыл бұрын
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.
@OfficialDevTips
@OfficialDevTips 3 жыл бұрын
Thank you so much! I definitely don't want it to feel like I'm staring anyone down :)
@cwinter90
@cwinter90 3 жыл бұрын
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! 👍
@raven.4815
@raven.4815 Жыл бұрын
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!
10 React Antipatterns to Avoid - Code This, Not That!
8:55
Fireship
Рет қаралды 781 М.
Learning ReactJS: Converting Vanilla JavaScript into ReactJS
27:31
Who is More Stupid? #tiktok #sigmagirl #funny
0:27
CRAZY GREAPA
Рет қаралды 10 МЛН
Learn React With This One Project
42:38
Web Dev Simplified
Рет қаралды 855 М.
All useEffect Mistakes Every Junior React Developer Makes
22:23
React JS Crash Course
1:48:48
Traversy Media
Рет қаралды 3,4 МЛН
Front-end dev reacts to amazing CSS-only Codepens
11:51
Kevin Powell
Рет қаралды 1,6 МЛН
How To Build A Google Docs Clone With React, Socket.io, and MongoDB
46:52
Web Dev Simplified
Рет қаралды 203 М.
React and Golang JWT Authentication - Tutorial
1:21:42
freeCodeCamp.org
Рет қаралды 134 М.
I built a chat app in 7 minutes with React & Firebase
8:53
Fireship
Рет қаралды 1,4 МЛН