Refactor to use modern React

.babelrc

@@ -0,0 +1,10 @@
+{
+    "presets": ["env", "react", "es2017", "stage-0"],
+    "plugins": [
+      "transform-object-rest-spread", 
+      ["babel-plugin-styled-components", {
+        "displayName": true,
+        "ssr": true
+      }]
+    ]
+  }

.env.local

@@ -0,0 +1 @@
+REACT_EDITOR=code

.eslintrc.js

@@ -0,0 +1,9 @@
+module.exports = {
+    "extends": "airbnb",
+    "rules": {
+        "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }]
+    },
+    "env": {
+        "browser": true
+    }
+};

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+/yarn-error.log

.storybook/addons.js

@@ -0,0 +1,2 @@
+import '@storybook/addon-actions/register';
+import '@storybook/addon-links/register';

.storybook/config.js

@@ -0,0 +1,10 @@
+import { configure } from '@storybook/react';
+import '@storybook/addon-console';
+
+// automatically import all files ending in *.stories.js
+const req = require.context('../stories', true, /.stories.js$/);
+function loadStories() {
+  req.keys().forEach(filename => req(filename));
+}
+
+configure(loadStories, module);

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "git.ignoreLimitWarning": true
+}

ACCESS_TOKEN.js

@@ -0,0 +1 @@
+export default 'CHANGEME';

README.md

@@ -6,6 +6,15 @@ npm install @mapbox/react-geocoder
 
 A geocoder component using Mapbox.
 
+## Storybook
+To see options in Storybook run:
+```
+yarn storybook
+```
+
+NOTE: You MUST put
+`export default 'your-api-key';` in `ACCESS_TOKEN.js` for this to work. 
+
 ## api
 
 An `accessToken` is assumed to be a valid Mapbox accessToken.
@@ -30,3 +39,11 @@ An `accessToken` is assumed to be a valid Mapbox accessToken.
   focusOnMount=optional bool, default true
   />
 ```
+
+# Building
+Use Storybook to ensure everything looks right. Then
+
+```
+yarn build
+```
+