diff --git a/.babelrc b/.babelrc
new file mode 100644
index 0000000..530367e
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,7 @@
+{
+  "presets": ["es2015", "react"],
+  "plugins": [
+    "transform-object-rest-spread",
+    "jsx-display-if"
+  ]
+}
diff --git a/package.json b/package.json
index 122f2d1..b6c0a2e 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,15 @@
   "author": "Juan Cazala",
   "license": "MIT",
   "devDependencies": {
+    "babel-core": "^6.13.2",
+    "babel-loader": "^6.2.4",
+    "babel-plugin-jsx-display-if": "^3.0.0",
+    "babel-plugin-transform-object-rest-spread": "^6.8.0",
+    "babel-polyfill": "^6.13.0",
+    "babel-preset-es2015": "^6.13.2",
+    "babel-preset-react": "^6.11.1",
+    "babel-register": "^6.11.6",
+    "babel-runtime": "^6.11.6",
     "webpack": "^1.13.1"
   }
 }
diff --git a/src/index.js b/src/index.js
index cea4f10..92d46a2 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1 +1,5 @@
-console.log('hello world')
+const obj = { a: 1, b:2, c:3 }
+const { a, ...rest } = obj
+const spread = { ...rest, d: 4 }
+console.log(rest) // { b:2, c: 3}
+console.log(spread) // { b:2, c: 3, d: 4 }
diff --git a/webpack.config.js b/webpack.config.js
index be72af4..936f80b 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -11,5 +11,14 @@ module.exports = {
   resolve: {
     extensions: ['', '.js', '.json'],
     modulesDirectories: ['.', 'src', 'node_modules']
+  },
+  module: {
+    loaders: [
+      {
+        test: /\.js$/,
+        loaders: ['babel'],
+        exclude: /node_modules/
+      }
+    ]
   }
 }