Probably the best explanation of CSS Modules you can find on KZbin. Thanks a lot, Telmo!
@Webtricker2 жыл бұрын
Thank you so much for explaining React components with CSS modules in such a simple and beautiful way. That was very helpful
@daftkiwi Жыл бұрын
Before watching this tutorial, I used to find css modules and its import and reference styles using JavaScript syntax quite complex for its benefits. That's why I avoided modules like the plague. Thank you Telmo, this was very helpful!
@coding_stuff_uz9 ай бұрын
Tankyou bro for this tutorial
@cesarcortes5063 Жыл бұрын
i was looking everywhere because i had very problems with the css styles , and you have resolved it, thanks a lot Telmo
@troubledtom525011 ай бұрын
honestly as someone who just came here to learn about css in react... you taught me a new concept i didn't knew about thanks
@redefamatv3 жыл бұрын
Thanks for sharing Telmo, Im still learning the basics of react but it was a really helpful tutorial to strengthen my basic knowledge in order to going forward to more advanced tips very soon...hugs from Brazil...just keep it up.
@sketchychillandchill Жыл бұрын
It's cool when there is like 2 styles to scope but when you want it scoped for each components just switch to vuejs
@danieltkach23303 жыл бұрын
You rock. Thanks for the instruction. Why everyone says we have to either eject or install some script modules from start? What you describe works just fine...
@lingolearner279 ай бұрын
you solved my problem. was stuck with this for couple of hours. thank you bro.
@yinkagiwa86593 жыл бұрын
I love how clear the video is
@digvijayyamagekar4300 Жыл бұрын
I had one question. let's say there are two components, A and B and two CSS files A.css and B.css, and compo A and B have several in them now let's say I want to color all buttons in A red and all buttons in B blue. can I solve this problem without giving the class name to ?
@kunaljethva96233 жыл бұрын
Thanks for making this video was searching for it since 😊😊
@nathanvsplayer2 жыл бұрын
Great video helped me understand css modules
@jiharedconteh4530 Жыл бұрын
This video is very useful for styling individual components. Thank you for such a simplified explanation.
@nishantsinha4336 Жыл бұрын
Made it look simple.Well explained!
@SofiaBelchiorinho3 жыл бұрын
Very useful vídeo :) I was using this technique already (because it comes with Nx workspaces) but I ddin't know it was called CSS Modules. Keep up the good work!
@faustovii10852 жыл бұрын
man you are a god of teaching for sure
@Trafficfromsky3 жыл бұрын
how do you target/change the tag without a class name?
@itouchgrass8692 жыл бұрын
Just use “body” selector without a class
@rakhmatillorakhmonberdiev2313 жыл бұрын
Thanks bro, that is what I expected to understand this topic, very clear explanation!
@Viktorres12 жыл бұрын
Thanks for your video. I fastly reminded how to connect css (scss) modules.
@omotehinseelvis9845 Жыл бұрын
So simple and straight forward....I love it. Thank you
@pravinchoudhary51052 жыл бұрын
Thanks Man, Helped a lot
@AYUSHSHARMAblogs2 жыл бұрын
Lots of thanks for such a wonderful video on css modules
@codelightsparkles24034 жыл бұрын
You’re awesome Telmo
@Telmosampaio4 жыл бұрын
Thanks Code Light 😊
@mehedi13577 Жыл бұрын
Thank you, man. It really helps me a lot.
@Mattyamungu2 ай бұрын
Thanks you. Was wondering why I was having issues sizing my page
@muzammil6651 Жыл бұрын
What a fantastic explanation, thank you so much
@qanswered3193 жыл бұрын
Great video.understood module clearly. No time wasted
@anaisrevellat56922 жыл бұрын
Thank you this tutorial is crystal clear , perfect.
@Viralvlogvideos2 жыл бұрын
KZbinrs like you deserves lot of subs. I subbed you. Please do make React tutorials in depth with building projects like TODO and ecommerce etc.
@FaselGodbcho8 ай бұрын
thank u, I was so frustrated and this video helped a lot
@mathiasmatanda88482 жыл бұрын
You saved me from a big headache thank you man!
@milkdrom3da2 жыл бұрын
Very useful! Thanks for sharing!
@pumdu3 жыл бұрын
Thanks a lot. I wondered why I need to use CSS module and this video made it clear to me. :)
@heikkiladau68728 ай бұрын
Can you add css styles inside of the script tag in react application?
@sergiogarcia-di5nj Жыл бұрын
really really helpful, thank you very much !
@NoajmHeritage10 ай бұрын
Prefect. Chatgpt failed to give me this option. Amazing for no css conflict
@ghofranedarragi56013 жыл бұрын
thank u .simple and clear explanation .it's useful
@Whisperme2sleep2 жыл бұрын
How do you do conditional classes with this technique?
@siaxiong3332 жыл бұрын
Very usefull and great video! I like that you're straight to the point. Thank you so much!
@swerami3 жыл бұрын
thank you so much for this!
@ramon4756 Жыл бұрын
Thanks you! Explained my issue
@davidlafontant21852 жыл бұрын
Very useful. Thank you.
@patcodingcodester97813 жыл бұрын
Haha thank you!. This is exactly what I was looking for but it was hard to find..
@Orevitalizador Жыл бұрын
thank u sr, this tutorial was very usefull for me , and im glad, the way u used to explain , gave me some Brainstorming thanks guy.
@electricindro22362 жыл бұрын
Thank you for explaining the importance of React css module
@phuongla45123 жыл бұрын
Thanks bro. This is useful
@Lemon.83 жыл бұрын
Thanks for the tutorial, very well explained.
@slipstream012 жыл бұрын
excellent explanation. shukran
@ranati20002 жыл бұрын
Can i use bootstrap classes in it ?
@victoradodo83772 жыл бұрын
Special thanks YOU deserved NATIONAL AWARD
@janardanpethani57553 жыл бұрын
Thanks you for sharing 😀😀
@rohil30233 жыл бұрын
Very useful. Thanks for the tutorial :)
@goncalosantos36044 жыл бұрын
Excellent as always! Abraço
@thisaraharshana21683 жыл бұрын
Thank you sir. well explained!!.
@SatishKumar-qi4hb3 жыл бұрын
nice and helpful video. thx so much.
@irorochadere92074 жыл бұрын
Thanks, buddy. It worked well for me.
@mubashirwaheed4743 жыл бұрын
Thanks you so much for this video.
@webdevvideos27442 жыл бұрын
will using css module impact performance?
@amershboul91073 жыл бұрын
really helpful, thanks
@raunakkumar6144 Жыл бұрын
Thanks man , I was having exact same problem
@gihanrangana62483 жыл бұрын
how can i create global variables for scss modules?
@angelmgl81373 жыл бұрын
Nice video bro, thanks a lot
@mehmetcelmeli99182 жыл бұрын
Thank you for simple explantion TELMO✌✌✌✌we are looking forward to the others videos😊😊😊
@matiascstudios3 жыл бұрын
Thanks a lot!
@arashvincent85192 жыл бұрын
dose it work with sass ?
@davidgrig46083 жыл бұрын
very helpful tutorual ty very much
@ibrahimkhurshid43392 жыл бұрын
Thanks buddy!! Jazakallah
@hemantjadhav78333 жыл бұрын
great video sir
@woolygan15292 жыл бұрын
Helpful thanks
@arshadahamed9888 ай бұрын
In module.css file can we create more than one class or Id in the file??
@markokoth56094 жыл бұрын
Hey Telmo how are you. What's the theme you are using on the vs code?
@Telmosampaio4 жыл бұрын
Hi Mark, I'm using the Cobalt2 theme
@markokoth56094 жыл бұрын
@@Telmosampaio alright thanks
@RoyerAdames3 жыл бұрын
And how do you add multiple class names?
@Telmosampaio3 жыл бұрын
Styles.classname(‘${myclass1} ${myclass2}’)
@manasjoshi70373 жыл бұрын
Thank you for this,
@OneBrokeBloke2 жыл бұрын
I get the problem it solves, just not why the problem is there in the first place. Like, we have a component called Example.js In that, we import example.css So since this is the only place that this CSS is imported and therefore used, why can it conflict with other components? They havent linked/imported the stylesheet?
@CodewithAby3 жыл бұрын
Good tutorial...it is timely
@carlafaes92823 жыл бұрын
buen video!muchas gracias :D
@davidorevic6651 Жыл бұрын
Should we do it for every single class?
@dashpindersingh9062 Жыл бұрын
Thanks dude:)
@igelkotte2 ай бұрын
This seems more complex than to just use a different css class name. What's the benefits? I'm new so I'm probably missing something
@mahdouirami27763 жыл бұрын
When i did it with a complicated name like form-control , it made me an error have u any solution ?
@sane49592 жыл бұрын
Thanks alot
@teeyiheng46972 жыл бұрын
I understand why use css module now thank😆
@roronoa_d_law10752 жыл бұрын
this is not working for me, the style is still applied globally
@tamahome99 Жыл бұрын
you did not include on your tutorial that we need to do this , module.exports = { module: { rules: [ { test: /\.css$/, use: [ 'style-loader', { loader: 'css-loader', options: { modules: true } } ] } ] } };
@sebastianandersson68922 жыл бұрын
04:06 sounded American for just a second there!
@gregduke819311 ай бұрын
Great video, very well explained. I don't really see the point in using modules though... you have to type a lot more code for it to just add a unique classname in the end anyway so why not use id for individual styling and then you can use classnames for universal styling? Like if I wanted all the buttons to have 20px padding I could give them the classname of btn and give them all 20px padding and then I could use an id for each button also to, for example, change the background color if I wanted them to have different background colors.
@shubhamkaushal212510 ай бұрын
really like your accent very good way of teaching
@jatinahuja68403 жыл бұрын
Thank you for helping man! 🙌 Please keep making such videos 🥇🎖 Can you also tell how to use css modules concept with bootstrap or I will say if I want to use bootstrap different version. Thanks in advance 👍
@dungvu87903 жыл бұрын
thank you
@herlandertavares75732 жыл бұрын
Great video. I didnt even have to see your name, I knew by your accent you were Portuguese lol. Obrigado pelo video
@abhishekprasad63173 жыл бұрын
What if i have to apply two classname will I do :- className={stylesCSS.firstclass} className={stylesCSS.secondclass} ? or i have any option similar to: className={stylesCSS.firstclass, stylesCSS.secondclass} ??
@abhishekprasad63173 жыл бұрын
got the solution stackoverflow.com/questions/33949469/using-css-modules-how-do-i-define-more-than-one-style-name
@iamwright2 жыл бұрын
Very good.
@vigneshwarvenugopal92210 ай бұрын
Thank you so much dude., problem solving ., i score you 100 of 100...🌟🌟🌟
@RahulKumar-cq2esАй бұрын
hitting the subscribe button right now
@shrishri84532 жыл бұрын
Tnq sm
@miraasif34194 ай бұрын
Thankyou for this man @Telmo Sampaio
@snake1625b2 жыл бұрын
className takes in a string but you're passing in a class, how is that possible. sorry if I missed the answer to this