React CSS Modules

CSS Modules allow you to write CSS that is scoped locally to the component.

The CSS file needs to have the extension .module.css.

This prevents detailed class name conflicts in larger applications.

import styles from './my-style.module.css';
<h1 className={styles.bigblue}>Hello</h1>