CSS Modules in React

GPTKB entity

Statements (23)
Predicate Object
gptkbp:instanceOf CSS methodology
gptkbp:alternativeTo gptkb:Sass
gptkb:Styled_Components
emotion
gptkbp:benefit easier maintenance
modular CSS
no global namespace pollution
gptkbp:feature automatic class name generation
local scoping of CSS classes
prevents global CSS conflicts
gptkbp:fileExtension .module.css
https://www.w3.org/2000/01/rdf-schema#label CSS Modules in React
gptkbp:imported object
gptkbp:introducedIn gptkb:React_16+
gptkbp:notSupportedByDefault gptkb:React_Native
gptkbp:supportedBy gptkb:Webpack
gptkb:Create_React_App
gptkbp:usagePattern <div className={styles.className}>...</div>
import styles from './Component.module.css'
gptkbp:usedFor gptkb:React
scoped CSS styling
gptkbp:bfsParent gptkb:CSS_Scoping
gptkbp:bfsLayer 5