Styling React Components with CSS Modules

tq

Thanks alot

Thanks dude:)

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.

this goes against the whole idea behind css and design consistency but hey.. good to know :)

What a fantastic explanation, thank you so much

Should we do it for every single class?

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!

It's cool when there is like 2 styles to scope but when you want it scoped for each components just switch to vuejs

*tip hat

eh... use more semantic class names maybe? there you have BEM. Why use a technology for solving a problem that could be solved by a better naming strategy?

GREAT

Tnx

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
}
}
]
}
]
}
};

So simple and straight forward....I love it. Thank you

thank you

i subscribed

Thank you so much🤝

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 <button> 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 <button> ?

Tooo much work for scoping CSS. Try Angular you will not have this problem.

really really helpful, thank you very much !

Thank you, man. It really helps me a lot.

Thank you for simple explantion TELMO✌✌✌✌we are looking forward to the others videos😊😊😊

man you are a god of teaching for sure

Very useful! Thanks for sharing!

Great video helped me understand css modules

Thanks alot

L

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?

I understand why use css module now thank😆

How do you do conditional classes with this technique?

Thanks for your video. I fastly reminded how to connect css (scss) modules.

Helpful thanks

tnx

excellent explanation. shukran

Thank you for explaining the importance of React css module

Thanks buddy!! Jazakallah

Great video. I didnt even have to see your name, I knew by your accent you were Portuguese lol. Obrigado pelo video

dose it work with sass ?

Tnq sm

Greetings! How could i make my components responsive if i use css modules?

Can i use bootstrap classes in it ?

className takes in a string but you're passing in a class, how is that possible. sorry if I missed the answer to this

Lots of thanks for such a wonderful video on css modules

this is not working for me, the style is still applied globally

that wasup thanks man
really helped

Thank you this tutorial is crystal clear , perfect.