reactjs · dsblv · Oct 12, 2016
diff --git a/examples/vector-widget/.gitignore b/examples/vector-widget/.gitignore
@@ -0,0 +1,15 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+node_modules
+
+# testing
+coverage
+
+# production
+build
+
+# misc
+.DS_Store
+.env
+npm-debug.log
diff --git a/examples/vector-widget/README.md b/examples/vector-widget/README.md
@@ -3,10 +3,8 @@
 To try this example, run:
 
 ```
-npm install
-npm run build
+$ npm install
+$ npm start
 ```
 
-in this directory, then open index.html in your browser.
-
-**Note:** If you have any issues, ensure that you ran `npm install` from the root of the `react-art` project first.
+in this directory, then open [http://localhost:3000](http://localhost:3000) it your browser.
diff --git a/examples/vector-widget/app.js b/examples/vector-widget/app.js
diff --git a/examples/vector-widget/index.html b/examples/vector-widget/index.html
diff --git a/examples/vector-widget/package.json b/examples/vector-widget/package.json
@@ -1,15 +1,14 @@
 {
   "devDependencies": {
-    "babel-core": "^6.7.7",
-    "babel-loader": "^6.2.4",
-    "babel-preset-es2015": "^6.6.0",
-    "babel-preset-react": "^6.5.0",
-    "react": "^15.0.2",
-    "react-dom": "^15.0.2",
-    "webpack": "^1.13.0"
+    "react-scripts": "0.6.1"
+  },
+  "dependencies": {
+    "react": "^15.3.2",
+    "react-art": "^0.15.1",
+    "react-dom": "^15.3.2"
   },
   "scripts": {
-    "postinstall": "npm install ../..",
-    "build": "webpack app.js bundle.js"
+    "start": "react-scripts start",
+    "build": "react-scripts build"
   }
 }
diff --git a/examples/vector-widget/public/index.html b/examples/vector-widget/public/index.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html>
+  <head>
+    <title>VectorWidget</title>
+  </head>
+  <body>
+    <div id="root">
+      <p>If you're seeing this message, it means you haven't built this example. Try running:</p>
+
+      <pre><code>
+        npm install
+        npm start
+      </code></pre>
+
+      <p>Then open <a href="http://localhost:3000">http://localhost:3000</a> to view it in the browser.</p>
+    </div>
+  </body>
+</html>
diff --git a/examples/vector-widget/VectorWidget.js → examples/vector-widget/src/VectorWidget.js b/examples/vector-widget/VectorWidget.js → examples/vector-widget/src/VectorWidget.js
diff --git a/examples/vector-widget/src/index.js b/examples/vector-widget/src/index.js
@@ -0,0 +1,8 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import VectorWidget from './VectorWidget';
+
+ReactDOM.render(
+  <VectorWidget />,
+  document.getElementById('root')
+);
diff --git a/examples/vector-widget/webpack.config.js b/examples/vector-widget/webpack.config.js