Create a webpack loader for creating React components out of styles

[gajus]

Assuming CSS:

.my-list {}

Now it is being used as:

import React from 'react';
import './styles.css';

<div styleName='my-list' />;

We could make it into:

import React from 'react';
import {MyList} from './styles.css';

<MyList />;

This aligns with certain users preference for styled-components.

The downside to this (styled-components) approach is that it abstracts the semantics of the HTML elements.

Just a thought if I run out of things to do.