init

.eslintrc.js

@@ -0,0 +1,35 @@
+/* eslint-env node */
+module.exports = {
+  parserOptions: {
+    ecmaVersion: 8,
+    sourceType: 'module',
+  },
+  env: { browser: true },
+  extends: ['airbnb', 'prettier'],
+  plugins: ['prettier'],
+  rules: {
+    'prettier/prettier': 'error',
+    'import/order': [
+      'error', {
+        groups: [
+          'builtin',
+          'external',
+          'internal',
+          'parent',
+          'sibling',
+          'index'
+        ]
+      }
+    ],
+    'import/no-extraneous-dependencies': [
+      'error', {
+        devDependencies: [
+          'test/**',
+          'src/test/**',
+        ],
+        'optionalDependencies': false,
+        'peerDependencies': false
+      }
+    ],
+  }
+}

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+dist

README.md

@@ -0,0 +1,15 @@
+# global_state_playground
+
+> Created by [create-poi-app](https://poi.js.org).
+
+## Project Scripts
+
+### `npm run build`
+
+Build app for production to `./dist` folder.
+
+### `npm run dev`
+
+Start a dev server to preview your app.
+
+

babel.config.js

@@ -0,0 +1,11 @@
+/* eslint-env node */
+module.exports = {
+  presets: [
+    // Our default preset
+    'poi/babel',
+  ],
+  plugins: [
+    // This adds Hot Reloading support
+    'react-hot-loader/babel',
+  ],
+};

package.json

@@ -0,0 +1,31 @@
+{
+  "name": "global_state_playground",
+  "private": true,
+  "scripts": {
+    "build": "poi --prod",
+    "start": "poi --serve",
+    "lint": "eslint ."
+  },
+  "prettier": {
+    "printWidth": 100,
+    "singleQuote": true,
+    "trailingComma": "es5"
+  },
+  "dependencies": {
+    "immer": "^2.1.3",
+    "react": "^16.8.4",
+    "react-dom": "^16.8.4"
+  },
+  "devDependencies": {
+    "@poi/plugin-eslint": "^12.0.0",
+    "eslint": "^5.3.0",
+    "eslint-config-airbnb": "^17.1.0",
+    "eslint-config-prettier": "^4.1.0",
+    "eslint-plugin-import": "^2.14.0",
+    "eslint-plugin-jsx-a11y": "^6.1.1",
+    "eslint-plugin-prettier": "^3.0.1",
+    "eslint-plugin-react": "^7.11.0",
+    "poi": "^12.4.2",
+    "prettier": "^1.16.4"
+  }
+}

poi.config.js

@@ -0,0 +1,5 @@
+/* eslint-env node */
+module.exports = {
+  entry: 'src/index',
+  plugins: ['@poi/plugin-eslint'],
+};

src/index.js

@@ -0,0 +1,5 @@
+import ReactDOM from 'react-dom';
+import './assets/css/style.css';
+import App from './views/App';
+
+ReactDOM.render(App, document.getElementById('app'));

src/views/App.jsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const App = () => <div>Hello World!</div>;
+
+export default App();