Using the latest react-css-modules module.

Author: gajus

package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "react": "^0.14.0-beta3",
-    "react-css-modules": "^0.0.1",
+    "react-css-modules": "^2.0.0",
     "react-dom": "^0.14.0-beta3"
   }
 }

src/Car/car.css

@@ -5,9 +5,9 @@ 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>
+        return <div localClassName='car'>
+            <div localClassName='front-door'>front-door</div>
+            <div localClassName='back-door'>back-door</div>
         </div>;
     }
 }

src/Car/index.js

@@ -1,11 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import Car from './Car';
+import UsingLocalClassName from './UsingLocalClassName';
 import UsingDecorator from './UsingDecorator';
-import UsingModuleName from './UsingModuleName';
 
 ReactDOM.render(<div>
-    <Car />
+    <UsingLocalClassName />
     <UsingDecorator />
-    <UsingModuleName />
 </div>, document.querySelector('#app'));