Example for part 1 of the guide

Author: camille-hdl

.babelrc

@@ -0,0 +1,55 @@
+{
+  "env": {
+    "production": {
+      "presets": [
+        [
+          "@babel/preset-env",
+          {
+            "modules": false,
+            "targets": {
+              "browsers": [">0.25%", "not op_mini all"]
+            }
+          }
+        ],
+        "@babel/preset-react",
+        "@babel/preset-flow"
+      ],
+      "plugins": [
+        "@babel/plugin-syntax-dynamic-import",
+        "@babel/plugin-proposal-object-rest-spread",
+        "@babel/plugin-proposal-class-properties"
+      ]
+    },
+    "development": {
+      "presets": [
+        [
+          "@babel/preset-env",
+          {
+            "modules": false,
+            "targets": {
+              "browsers": [">0.25%", "not op_mini all"]
+            }
+          }
+        ],
+        "@babel/preset-react",
+        "@babel/preset-flow"
+      ],
+      "plugins": [
+        "@babel/plugin-syntax-dynamic-import",
+        "@babel/plugin-proposal-object-rest-spread",
+        "@babel/plugin-proposal-class-properties"
+      ]
+    },
+    "test": {
+      "presets": [
+        "@babel/preset-env",
+        "@babel/preset-react",
+        "@babel/preset-flow"
+      ],
+      "plugins": [
+        "@babel/plugin-proposal-object-rest-spread",
+        "@babel/plugin-proposal-class-properties"
+      ]
+    }
+  }
+}

.flowconfig

@@ -0,0 +1,12 @@
+[ignore]
+.*/node_modules/.*
+.*/public/.*
+.*/__tests__/.*
+.*/cypress/.*
+
+[include]
+
+[libs]
+flow-typed
+
+[options]

.gitignore

@@ -0,0 +1,22 @@
+# Build
+public/js/esm/
+public/js/system/
+public/js/vendor/
+public/js/*.js
+
+
+# osx
+.DS_Store
+._*
+
+
+# Editors
+.vscode/
+
+
+# NodeJS
+node_modules/
+npm-debug.log
+
+# Flow
+flow-typed/

README.md

@@ -1,2 +1,18 @@
 # rollup-react-example
-An example React application using rollup, babel and flow.
+
+Example dev environment for React using [Rollup](https://rollupjs.org) with code splitting, ES modules, Babel and Flow.  
+This repository completes a step-by-step guide on Medium (TODO: link) on how to setup Rollup for JavaScript development.
+
+## Commands
+
+* `npm install`
+* `npm run build` creates a production build
+* `npm run watch` starts the dev loop
+* `npm run serve` starts a HTTP server, then browse to [http://localhost:5000](http://localhost:5000)
+
+## License
+
+see [LICENSE](LICENSE)
+
+
+[@camille_hdl](https://twitter.com/camille_hdl)