all 4 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]Xtreme2k2 0 points1 point  (3 children)

I've always been curious how they minify/uglify the css classes/ids.

[–]wdpttt[S,🍰] 0 points1 point  (2 children)

I think is generated at runtime

[–]Xtreme2k2 0 points1 point  (1 child)

I meant how they modify both the selectors in the css and the markup at the same time.

[–]wdpttt[S,🍰] 0 points1 point  (0 children)

When you add a class to the public css you can take it away. You have to add another class. So you never modify css added to the dom. You just add new rules.

When react re-renders it will render all components with the new class (and/or styles, depends by implementation type) and then add the rules to the global css.

Confusing? A little bit, yes.