diff --git a/gulpfile.js b/gulpfile.js
index 7b8e9d4..a29bd07 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -63,6 +63,13 @@ const loaders = [
   { test: /\.svg$/, loader: 'svg-url-loader' }
 ]
 
+const resolve = {
+  'alias': {
+    'react': 'preact-compat',
+        'react-dom': 'preact-compat'
+  }
+}
+
 // create a single instance of the compiler to allow caching
 const compiler = webpack({
   entry: ENTRY,
@@ -81,7 +88,8 @@ const compiler = webpack({
       : [bannerPlugin, productionEnvPlugin, minifyPlugin],
   module: {
     loaders
-  }
+  },
+  resolve
 })
 
 // create a single instance of the compiler to allow caching
@@ -105,7 +113,8 @@ const compilerMinimalist = webpack({
   ],
   module: {
     loaders
-  }
+  },
+  resolve
 })
 
 const externals = {
diff --git a/package.json b/package.json
index e3019ee..2dc8d20 100644
--- a/package.json
+++ b/package.json
@@ -29,9 +29,8 @@
     "brace": "0.9.1",
     "javascript-natural-sort": "0.7.1",
     "lodash": "4.17.4",
-    "react": "15.4.1",
-    "react-dom": "15.4.1",
-    "react-scroll": "1.4.4"
+    "preact": "7.1.0",
+    "preact-compat": "3.9.4"
   },
   "devDependencies": {
     "ava": "0.17.0",