_You were a great inspiration for me, am doing good in my job i gathered a lot of new skills i just feel happy that am making big steps forward and all that because of you and your tutorials,_ *Thank you very much Brad*_, i really appreciate your effort._
I'm a backend dev and frontend is taking a little effort to wrap my head around. You condensed a lot of knowledge into a relatively short amount of time and it made total sense to me. Learned a lot. Thank you!
You are my hero. I've completed your courses in Packt. I came across this video by coincidence, and kept wondering why that voice sounded so familiar! Obviously subscribed now!
Holy cow this programming playlist is bananas. You sir are very valuable and skilled. I’m enjoying learning from you! You could start a training school with these videos !!
This is the first time I have heard of it. I am going to learn it now.😁 Although I have already done that huddle landing page challenge from frontendmentor and uploaded on my TH-cam channel.
A recruitment interview kinda surprised me with styled components. Never used those. At least they gave me a heads-up in advance. :D This knowledge capsule gave me a great confidence boost, thank you!
Hello buddy.. i'm writing just to thank you for your video... i'ts help me a lot to learn about styled-components.. the ThemeProvider and GlobalStyle blow my mind.. i dont know why, but documentation is very hard for me to understand, but when someone use in the practical form, it's makes easier. I thank God to has people like you, giving knowledge for free. Sorry for my bad english, it's not my primary language :)
Hello Brad, Nice video as usual, at 37:58 you used id % 2 to switch the layout direction which may work but only when the ids are in sequence and incremented by 1, I think using index instead of id can be more reliable if item ids are not incremented by fixed number (in case of some items were deleted or their order was changed) Thanks for the great content, your making developers life easier
Exactly what I wanted to learn about the React Js Styled Components. Very well done. Did anyone notice the folder project name is named "hubble" and not "huddle" :D.
This is exactly what my new project with the client has in requirements. Styled components. Thanks a ton @Brad!! Kudos and as always, great content. Big Fan. 💐
Really appreciated this. Saw a few Styled-Components guides and found this by far the most clearly explained, and the example project was a nice touch. Thanks!!
I watch some of your Udemy lessons but I was not able to understand the styling , now It is so clear and I had understand how it is organized. Thank you for making things simple and easy to learn them.
Thanks so much Brad...This is a double blessing for me, firstly it's comes at the time when u want to improve my knowledge on styled components and secondly I'm also completing another front end mentor challenge
It's really an awesome explanation with an real world example clearly explained. My knowledge is increased drastically after wathcing this video. Thank you so much.
Not only I've been using it on a recent project, but what srtikes me the most is the fact, that I'm using the same font for the project! Just as it is here )
Thanks dude this tutorial was really helpful. I was working on a project with vanilla CSS and the files were starting to get way too confusing after a while. I think this will help.
Thank you very much Brad. It is a mini but good project covering all my requirements. Please upload one Dash board project with React+Styled Componets+Formik Forms
In general, this will create a lot more work for devs than just classing components. This tightly couples structure and styling - it will lead to headaches with responsive/adaptive code; also with optimizing our UI for a11y, and is massively anti-DRY. All that said, it is useful if ill-advised to have a way to apply styles locally like this.
awesome tutorial (commenting 8min into the video)l! I like to keep my styled-components in the component I'm styling. I don't have to navigate between files, especially if I have a big project I'm working on. This was one of the main reasons why I started using css-in-js.
Would suggest checking out emotion. Since Material UI updated to V5 and supports it. You can you styled components too, but I find emotion a bit cleaner to write.
Styled components are not working on my side I have reinstalled it in different projects and seem different tutorials but it seem not to work still e.g; whenever I put ‘ ‘ it don’t auto put properties and also not putting the effects. PLEASE HELP
Hey, thanks for the tutorial! Quick question; what browser do you use? The instantaneous refresh you have when resizing isn't present on Chrome, as large resizes will add a black bar to the window, making it awful for developing.
Hi, maybe a stupid question, but when you´re styling your components, how do you get that suggestion box to show? I mean if ou start writing "back" you get that box of suggetsion as everywhere else in vs with "background, background-color etc.." guess i dont see them because of backthicks but how to reveal that?
I am taking this error when I am trying to use GlobalStyles ERROR in src/components/styles/Global.js Line 4:6: Parsing error: Identifier 'GlobalStyles' has already been declared. (4:6). What should I do?
Wow, i;m amazed by the styled-components D: Reminds me of when i used React-Native, the result is a super clean code. without soo many className={} everywhere. And i'm guessin that since you have a callback function in there for the props, you can easily add some custom logic too to be returned and set to the prop. Love it.
_You were a great inspiration for me, am doing good in my job i gathered a lot of new skills i just feel happy that am making big steps forward and all that because of you and your tutorials,_ *Thank you very much Brad*_, i really appreciate your effort._
That's awesome congrats. Glad to have helped in any way :)
Congrats Mate...Are You Working With React Js?
Congratulation Mahmoud!
Kindly appreciate his effort by sending him some money, gifts or buying his paid courses on Udemy.
@@TraversyMedia can you tell me font family in your vscodr
I'm so glad to be part of those who were able to complete this course. This guy is a blessing to the webdev community! Thank you!!
I'm a backend dev and frontend is taking a little effort to wrap my head around. You condensed a lot of knowledge into a relatively short amount of time and it made total sense to me. Learned a lot. Thank you!
I just started learning react for three days and this is the best project that i can practice as a newbie..Thank you so much🖤
Yes, it's perfect for the beginner
Oh my goodness! What a blessing! I was just looking for a good tutorial on Styled Components and this tutorial appeared magically. Thank you so much!
The best thing about styled-components is, we can use Sass nested syntax in them. It seems like a way of adding plain css in JS frameworks with JS.
You are my hero. I've completed your courses in Packt. I came across this video by coincidence, and kept wondering why that voice sounded so familiar! Obviously subscribed now!
Holy cow this programming playlist is bananas. You sir are very valuable and skilled. I’m enjoying learning from you! You could start a training school with these videos !!
Hey I don't normally leave comments but wanted to say thanks for explaining everything so well and using a good pace.
This is the first time I have heard of it. I am going to learn it now.😁
Although I have already done that huddle landing page challenge from frontendmentor and uploaded on my TH-cam channel.
I swear I can learn anything as long as Brad is teaching it
Amazing styled-component course, had no experience with styled-component but now I feel ready to create my first project, Thank you.
Yes, make that project :)
I started watching your videos in 2019. Your Nodejs courses really helped me
Bro what, i just started learning and using styled components a few days ago this is perfect timing
U are the best teacher on TH-cam
Thanks so much, I appreciate that
Every new video release is a cause for celebration! Thank you so much, Brad.
A recruitment interview kinda surprised me with styled components. Never used those. At least they gave me a heads-up in advance. :D
This knowledge capsule gave me a great confidence boost, thank you!
So far I have been using css.modules in my projects but this is impressive how the scalability is easier with Styled Components, I really loved it.
Thanks Brad, difficult concepts become easy with your tutorials.
I learn a lot from you in only 1 vid. Thanks for sharing your knowledge on styled components. 🎉
thank you so much, look forward to all the upcomming videos
Hello buddy.. i'm writing just to thank you for your video... i'ts help me a lot to learn about styled-components.. the ThemeProvider and GlobalStyle blow my mind.. i dont know why, but documentation is very hard for me to understand, but when someone use in the practical form, it's makes easier.
I thank God to has people like you, giving knowledge for free.
Sorry for my bad english, it's not my primary language :)
Thank you Brad...for an explicit explanation. God bless you always
Just started a new job and need to learn styled component. This is super helpful!
good to see you back after the vacation brad
Lucky I found this video in youtube. Really help me to understand about styled components in short time. thumb up!
Styled components is cool. No much difference from writing plain CSS. Awesome video Brad. 🔥
Good Course, just completed, was my first time using Styled Components.
You made so great lecture about styled-components which I've been searching to get used to styled-components.
I really appreciate your effort.
bud are you still using style-components
Hello Brad,
Nice video as usual,
at 37:58 you used id % 2 to switch the layout direction which may work but only when the ids are in sequence and incremented by 1,
I think using index instead of id can be more reliable if item ids are not incremented by fixed number (in case of some items were deleted or their order was changed)
Thanks for the great content, your making developers life easier
very useful comment, thank you
@@marianogonzalez33 You're welcome
Exactly what I wanted to learn about the React Js Styled Components. Very well done.
Did anyone notice the folder project name is named "hubble" and not "huddle" :D.
This is exactly what my new project with the client has in requirements. Styled components. Thanks a ton @Brad!! Kudos and as always, great content. Big Fan. 💐
Really appreciated this. Saw a few Styled-Components guides and found this by far the most clearly explained, and the example project was a nice touch. Thanks!!
I was looking for the styled component tutorial.. at the right time...thank you so much Brad
This was an AMAZING tutorial, the content was just prefect - so many topic in one video, all one point!
Thank you so much! Thank you for your time
I watch some of your Udemy lessons but I was not able to understand the styling , now It is so clear and I had understand how it is organized. Thank you for making things simple and easy to learn them.
Brad! Your Intro. Just LOVE YOU Man. Hope you're doing well❤️
Thanks so much Brad...This is a double blessing for me, firstly it's comes at the time when u want to improve my knowledge on styled components and secondly I'm also completing another front end mentor challenge
It's really an awesome explanation with an real world example clearly explained. My knowledge is increased drastically after wathcing this video. Thank you so much.
Thank you very much for this tutorial , i am using style component at work and this helped me a lot
this is starting to get suspicious, I honestly just started using styled components :D thanks Brad!
Not only I've been using it on a recent project, but what srtikes me the most is the fact, that I'm using the same font for the project! Just as it is here )
Thank you so much for this fantastic crach course.
I'm still trying to wrap my head around the benefits of styled components. It's definitely cool, I think I just need to play with it a bit more
Wow this is a really good tutorial, I've learned more than I was expecting.
Thank you for the effort 🙏🏽.
Yes, I agree, it's great
This is super helpful. Currently learning to use this at work. Thanks for all you do Brad. It's fantastic.
Just when I wanted to request you to do a Video on styled components, boom! Thanks Brad
Inspiration me so much. There’s some videos I watch that confuse me like scss but I just gotta take my time and learn from the grown up.
Great video Brad. In past as well have learnt me things from you. You videos are always great without any nonsense stuffs.
You're the best, Brad. Thank you very much!
Thank you Brad!! This content is great. I’m going to use styled components in my next React project. 🙌🏼
-The best you are!
Row-Yoda
Thank you for yet another one of your great tutorials!
Thanks for such an awesome course. Learned a lot stuff.
Thanks dude this tutorial was really helpful. I was working on a project with vanilla CSS and the files were starting to get way too confusing after a while. I think this will help.
Thank you Brad for all you do.
Great video Brad, as always.
Thank you very much Brad.
It is a mini but good project covering all my requirements.
Please upload one Dash board project with React+Styled Componets+Formik Forms
wow man you're awesome. thank you so much for that video
You read my mind Brad, thank you for this crash course😍
Been waiting for this brad, really love it thank you
In general, this will create a lot more work for devs than just classing components. This tightly couples structure and styling - it will lead to headaches with responsive/adaptive code; also with optimizing our UI for a11y, and is massively anti-DRY. All that said, it is useful if ill-advised to have a way to apply styles locally like this.
awesome tutorial (commenting 8min into the video)l! I like to keep my styled-components in the component I'm styling. I don't have to navigate between files, especially if I have a big project I'm working on. This was one of the main reasons why I started using css-in-js.
Thank you dear Brad, you are brilliant.
It's very helpful video for me, Thank you
Traversy Media.
At 38:30 we can also do in this way:
&:nth-child(2n) {
flex-direction: row-reverse;
}
Love styled components! Just feels great!
thank you so much brad i really hoping to this and finally got it from you
Right in time! I've been looking for something like this. Thanks :-)
Amazing job! Thanks buddy!
Great and useful crash course Brad, thanks a lot!
You always come with really handy technologies.
This was a very excellent work. Thank you so much
Thank you for this video. Helped me a lot 🙂
Excellent content, thank you for taking the time to put this together. It helped me out a lot.
Would suggest checking out emotion. Since Material UI updated to V5 and supports it. You can you styled components too, but I find emotion a bit cleaner to write.
Thanks for this amazing tutorial!
Thanks so much Brad, this is another great crash course!
This was an amazing crash course! Thank you, sir 🙂
video is very long but its too worthy thanks bro
I only knew there is something called Styled component. But now I feel like I am a master on that 🤩. Excellent tutorial 🎉. Thank you very much Brad 🤗
😍😍😍😍 Brad is here 😎
So helpful nice video it's worth To watch the video💜
Styled components are not working on my side I have reinstalled it in different projects and seem different tutorials but it seem not to work still e.g; whenever I put ‘ ‘ it don’t auto put properties and also not putting the effects. PLEASE HELP
Hey, thanks for the tutorial! Quick question; what browser do you use? The instantaneous refresh you have when resizing isn't present on Chrome, as large resizes will add a black bar to the window, making it awful for developing.
Hi, maybe a stupid question, but when you´re styling your components, how do you get that suggestion box to show? I mean if ou start writing "back" you get that box of suggetsion as everywhere else in vs with "background, background-color etc.." guess i dont see them because of backthicks but how to reveal that?
Thank you so much for this tutorial it's worth watching
You are a Great inspiration for me. Thanks
awesome as always thanks Brad 🧡🤍
What is that extension that autocompletes the path to your imports!!!??? That's awesome. Nice Job explaining as usual. Thank you sir.
wanted ideas for how to organize folder structure, I like the way you organized things, Brad
Super super awesome! Thanks so much for this!
Brad is the GOAT!!!
Thanks for all this great contents Brad, I have learned a lot from you :3
I am taking this error when I am trying to use GlobalStyles ERROR in src/components/styles/Global.js
Line 4:6: Parsing error: Identifier 'GlobalStyles' has already been declared. (4:6). What should I do?
Wow, i;m amazed by the styled-components D: Reminds me of when i used React-Native, the result is a super clean code. without soo many className={} everywhere.
And i'm guessin that since you have a callback function in there for the props, you can easily add some custom logic too to be returned and set to the prop. Love it.
Yes, it's super clean, the result
Love your vids, concise and accurate.
Dude this is exacly what i needed!!!
finally tutorial about Styled Component
nice video, thought have to wrap every html tag in styled comp
you are really an inspiration for me, I'm new at react and I'm following your adviceces, hope i get there ^^.
You are awesome as always . Many thanks