_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!
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 RUclips channel.
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 !!
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!
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!
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 :)
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.
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
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.
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!!
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. 💐
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 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.
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.
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.
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 )
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.
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.
I love u so much. In fact, i 'm not good at english but I can know what you do. Maybe this video and speend little slow but I really like this speed. thanx a lot.
Hey Brad,You are too good man.I have learnt a lot from your channel.I am a big fan of yours.I have a bussiness idea of rental booking application and I will create it in MERN stack.but I don't know how to dockerize it and prepare for production and use tools like nginx and deploy it on hostinger vps hosting.So I want you you make a video on dummy MERN app which is dockerized ,running server on nginx and host it on hostinger vps hosting with SSL certification.Please do it.I really need it and it will be life changing tutorial for me.Please Brad and it will be too useful for everyone who want to make application that can scale.🙂
Brad can you please please do a crash course on web accessibility. As a beginner dev, I feel I've delivered my design and I'mopen to feedback, but I always fail no matter how much I do for accessibility. Something like a cheklist of some sort and quick tips. How to make it legible at 200%for screenreaders etc
![Lethal Company Music Video 🎵 "Follow The Orders" [VERSION A]](http://i.ytimg.com/vi/QeooZB4Z7RA/mqdefault.jpg)
_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.
Bro what, i just started learning and using styled components a few days ago this is perfect timing
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 :)
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 RUclips channel.
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.
Hey I don't normally leave comments but wanted to say thanks for explaining everything so well and using a good pace.
Just started a new job and need to learn styled component. This is super helpful!
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 !!
I started watching your videos in 2019. Your Nodejs courses really helped me
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!
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!
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
I swear I can learn anything as long as Brad is teaching it
I learn a lot from you in only 1 vid. Thanks for sharing your knowledge on styled components. 🎉
Good Course, just completed, was my first time using Styled Components.
Every new video release is a cause for celebration! Thank you so much, Brad.
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 :)
Lucky I found this video in youtube. Really help me to understand about styled components in short time. thumb up!
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
Thank you Brad...for an explicit explanation. God bless you always
thank you so much, look forward to all the upcomming videos
Thanks Brad, difficult concepts become easy with your tutorials.
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.
Styled components is cool. No much difference from writing plain CSS. Awesome video Brad. 🔥
Thank you very much for this tutorial , i am using style component at work and this helped me a lot
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
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.
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!!
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
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.
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. 💐
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
I was looking for the styled component tutorial.. at the right time...thank you so much Brad
Brad! Your Intro. Just LOVE YOU Man. Hope you're doing well❤️
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 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.
good to see you back after the vacation brad
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.
This is super helpful. Currently learning to use this at work. Thanks for all you do Brad. It's fantastic.
U are the best teacher on RUclips
Thanks so much, I appreciate that
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
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.
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 Brad!! This content is great. I’m going to use styled components in my next React project. 🙌🏼
Great video Brad. In past as well have learnt me things from you. You videos are always great without any nonsense stuffs.
Just when I wanted to request you to do a Video on styled components, boom! Thanks Brad
Thank you so much for this fantastic crach course.
At 38:30 we can also do in this way:
&:nth-child(2n) {
flex-direction: row-reverse;
}
-The best you are!
Row-Yoda
wanted ideas for how to organize folder structure, I like the way you organized things, Brad
wow man you're awesome. thank you so much for that video
thank you so much brad i really hoping to this and finally got it from you
Thanks for such an awesome course. Learned a lot stuff.
You're the best, Brad. Thank you very much!
Great and useful crash course Brad, thanks a lot!
You always come with really handy technologies.
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 🤗
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.
Thank you for yet another one of your great tutorials!
You read my mind Brad, thank you for this crash course😍
Excellent content, thank you for taking the time to put this together. It helped me out a lot.
Thank you Brad for all you do.
Amazing job! Thanks buddy!
It's very helpful video for me, Thank you
Traversy Media.
Great video Brad, as always.
you are really an inspiration for me, I'm new at react and I'm following your adviceces, hope i get there ^^.
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
Thank you for this video. Helped me a lot 🙂
So helpful nice video it's worth To watch the video💜
nice video, thought have to wrap every html tag in styled comp
Wow, today I was just starting to create a website to learn styled-components
thanks a lot Brad, you did it so clean and tidy, love it.
I'm waiting for your next tuts with tailwindcss, keep rocks!
video is very long but its too worthy thanks bro
Right in time! I've been looking for something like this. Thanks :-)
I love u so much. In fact, i 'm not good at english but I can know what you do. Maybe this video and speend little slow but I really like this speed. thanx a lot.
Amazing Job!!!
Been waiting for this brad, really love it thank you
This was a very excellent work. Thank you so much
😍😍😍😍 Brad is here 😎
Thanks for all this great contents Brad, I have learned a lot from you :3
been here since last year, now i am working as a soft dev
Thank you dear Brad, you are brilliant.
Love styled components! Just feels great!
Thanks so much Brad, this is another great crash course!
This was an amazing crash course! Thank you, sir 🙂
All that intro is missing is the bumper from "AudioJungle" then its *chefs kiss*
Hey Brad,You are too good man.I have learnt a lot from your channel.I am a big fan of yours.I have a bussiness idea of rental booking application and I will create it in MERN stack.but I don't know how to dockerize it and prepare for production and use tools like nginx and deploy it on hostinger vps hosting.So I want you you make a video on dummy MERN app which is dockerized ,running server on nginx and host it on hostinger vps hosting with SSL certification.Please do it.I really need it and it will be life changing tutorial for me.Please Brad and it will be too useful for everyone who want to make application that can scale.🙂
Thank you so much for this tutorial it's worth watching
Brad can you please please do a crash course on web accessibility. As a beginner dev, I feel I've delivered my design and I'mopen to feedback, but I always fail no matter how much I do for accessibility. Something like a cheklist of some sort and quick tips. How to make it legible at 200%for screenreaders etc
Super super awesome! Thanks so much for this!
finally tutorial about Styled Component
Brad is the GOAT!!!
You are a Great inspiration for me. Thanks
awesome as always thanks Brad 🧡🤍
Dude this is exacly what i needed!!!