Example using ES7 decorators.

gajus · gajus · commit ee455dc5eef3 · 2015-08-26T15:00:39.000+01:00
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,3 @@
+{
+    "stage": 0
+}
diff --git a/endpoint/index.html b/endpoint/index.html
@@ -2,6 +2,8 @@
 <html>
 <head>
     <link rel='stylesheet' href='./app.css'>
+
+    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
 </head>
 <body>
     <div id='app'></div>
diff --git a/endpoint/main.css b/endpoint/main.css
diff --git a/endpoint/main.css.map b/endpoint/main.css.map
diff --git a/src/UsingDecorator/car.css b/src/UsingDecorator/car.css
@@ -0,0 +1,11 @@
+.car {
+    background: #eee;
+}
+
+.front-door {
+    color: #0f0;
+}
+
+.back-door {
+    color: #00f;
+}
diff --git a/src/UsingDecorator/index.js b/src/UsingDecorator/index.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import styles from './car.css';
+import CSSModules from 'react-css-modules';
+
+@CSSModules(styles)
+export default class extends React.Component {
+    render () {
+        return <div className='car'>
+            <div className='front-door'>front-door</div>
+            <div className='back-door'>back-door</div>
+        </div>;
+    }
+}
diff --git a/src/index.js b/src/index.js
@@ -1,7 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import Car from './Car';
+import UsingDecorator from './UsingDecorator';
 
 ReactDOM.render(<div>
     <Car />
+    <UsingDecorator />
 </div>, document.querySelector('#app'));
