diff --git a/gulpfile.ts b/gulpfile.ts
index c1e0b8f..f810bea 100644
--- a/gulpfile.ts
+++ b/gulpfile.ts
@@ -4,7 +4,6 @@ import * as path from 'path';
 
 const gulp = require('gulp');
 const del = require('del');
-const deepmerge = require('deepmerge');
 const {log, colors} = require('gulp-util');
 
 const $ = {
diff --git a/package.json b/package.json
index 73b3ac2..939c269 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "eslint-plugin-react": "^2.3.0",
     "gulp": "^3.9.0",
     "gulp-changed": "^1.3.0",
+    "gulp-changed-in-place": "^2.0.1",
     "gulp-cli": "^0.3.0",
     "gulp-collector": "^0.1.0",
     "gulp-dev-express": "^1.0.1",
@@ -38,6 +39,8 @@
   },
   "dependencies": {
     "express": "^4.13.3",
+    "lodash": "^3.10.1",
+    "radium": "^0.14.2",
     "react": "^0.13.0"
   }
 }
diff --git a/src/client/app.tsx b/src/client/app.tsx
index d0962c9..0a24041 100644
--- a/src/client/app.tsx
+++ b/src/client/app.tsx
@@ -1,13 +1,48 @@
+const Radium = require('radium');
+
 import * as React from 'react';
 
+enum Kinds {
+  primary,
+  warning
+}
+
 interface HelloWorldProps extends React.Props<any> {
   name: string;
+  kind: Kinds;
 }
 
+var styles = {
+  base: {
+    color: '#fff'
+  },
+
+  [Kinds.primary]: {
+    background: '#0074D9'
+  },
+
+  [Kinds.warning]: {
+    background: '#FF4136'
+  }
+};
+
+// @Radium
 export default class App extends React.Component<HelloWorldProps, any> {
+  static propTypes: React.ValidationMap<any> = {
+    kind: React.PropTypes.oneOf([Kinds.primary, Kinds.warning]).isRequired
+  };
+
   render() {
     return (
-      <h1>Hello, {this.props.name}...</h1>
+      <div style={[
+        styles.base,
+        styles[this.props.kind]
+      ]}>
+        <h1>Hello, {this.props.name}...</h1>
+        <div src="[[ ./images/twitter.svg ]]" />
+        </div>
     );
   }
 }
+
+module.exports = App;
\ No newline at end of file
diff --git a/src/client/index.tsx b/src/client/index.tsx
index ec08412..5e9663b 100644
--- a/src/client/index.tsx
+++ b/src/client/index.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import App from './App';
+import App1 = require('./App');
 
-React.render(<App name="World" />, document.getElementById('root'));
+React.render(<App name="World" kind={App.Kinds.primary} />, document.getElementById('root'));
 
 document.getElementById('time').innerHTML = new Date().toString();
diff --git a/src/public/images/twitter.svg b/src/public/images/twitter.svg
new file mode 100644
index 0000000..e2c0696
--- /dev/null
+++ b/src/public/images/twitter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M39.2 16.8c-1.1.5-2.2.8-3.5 1 1.2-.8 2.2-1.9 2.7-3.3-1.2.7-2.5 1.2-3.8 1.5-1.1-1.2-2.7-1.9-4.4-1.9-3.3 0-6.1 2.7-6.1 6.1 0 .5.1.9.2 1.4-5-.2-9.5-2.7-12.5-6.3-.5.7-.8 1.7-.8 2.8 0 2.1 1.1 4 2.7 5-1 0-1.9-.3-2.7-.8v.1c0 2.9 2.1 5.4 4.9 5.9-.5.1-1 .2-1.6.2-.4 0-.8 0-1.1-.1.8 2.4 3 4.2 5.7 4.2-2.1 1.6-4.7 2.6-7.5 2.6-.5 0-1 0-1.4-.1 2.4 1.9 5.6 2.9 9 2.9 11.1 0 17.2-9.2 17.2-17.2V20c1.2-.9 2.2-1.9 3-3.2z"/></svg>
\ No newline at end of file
diff --git a/src/public/index.html b/src/public/index.html
index 1583e48..6958088 100644
--- a/src/public/index.html
+++ b/src/public/index.html
@@ -7,6 +7,6 @@ <h1>Testing...</h1>
     <div id="time"></div>
 
     --- <div id="root"></div> ---
-    <script src="/static/bundle.js"></script>
+    <script src="/static/app.js"></script>
   </body>
 </html>
diff --git a/src/server/webpack.ts b/src/server/webpack.ts
index f1ce916..ca7b246 100644
--- a/src/server/webpack.ts
+++ b/src/server/webpack.ts
@@ -11,6 +11,7 @@ const app = new WebpackDevServer(webpack(config), {
   historyApiFallback: true,
   publicPath: '/static/',
   stats: { colors: true },
+  proxy: { '*': 'http://localhost:3000' },
 });
 
 app.listen(3001, 'localhost', function() {
diff --git a/tsconfig.json b/tsconfig.json
index b00cdd2..f9b3b1f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,8 @@
 {
   "compilerOptions": {
     "declaration": false,
+    "target": "es5",
+    "experimentalDecorators": true,
     "noLib": false,
     "module": "commonjs",
     "jsx": "react",
diff --git a/webpack.common.js b/webpack.common.js
index c39b0f5..4d27274 100644
--- a/webpack.common.js
+++ b/webpack.common.js
@@ -5,7 +5,7 @@ module.exports = {
     react: {
       test: /\.ts(x)?$/,
       loaders: ['react-hot', 'ts-loader'],
-      include: path.join(__dirname, 'src', 'client')
+      include: path.join(__dirname, 'src', 'client'),
     },
   },
   preLoaders: {
diff --git a/webpack.config-development.js b/webpack.config-development.js
index ce080dd..250fd2f 100644
--- a/webpack.config-development.js
+++ b/webpack.config-development.js
@@ -24,10 +24,6 @@ module.exports = {
     ],
     loaders: [
       common.loaders.react,
-      {
-        test: /[.]html$/,
-        loader: 'file'
-      }
     ]
   }
 };