Refactor dom bindings project (#176)

.prettierignore

@@ -1 +0,0 @@
-examples/dom-bindings

README.md

@@ -55,7 +55,13 @@ const MyDocument = () => (
 ```
 
 ### Render in DOM
+
+**Note:** you need add `transform-loader` like [in example](/examples/dom-bindings/webpack.config.js#L16)
+
 ```jsx
+// to fix "regeneratorRuntime is not defined", which causes by "@react-pdf/*"
+// also you can use "babel-polyfill"
+import 'regenerator-runtime/runtime';
 import React from 'react';
 import ReactDOM from 'react-dom';
 
@@ -88,7 +94,7 @@ For each example, try opening `output.pdf` to see the result.
         <img width="150" height="150" src="https://github.com/diegomura/react-pdf/blob/master/examples/text/thumb.png">
         <br>
         <a href="https://github.com/diegomura/react-pdf/tree/master/examples/text/">Text</a>
-      </td>  
+      </td>
       <td align="center" valign="top">
         <img width="150" height="150" src="https://github.com/diegomura/react-pdf/blob/master/examples/images/thumb.png">
         <br>
@@ -98,17 +104,17 @@ For each example, try opening `output.pdf` to see the result.
 				<img width="150" height="150" src="https://github.com/diegomura/react-pdf/blob/master/examples/resume/thumb.png">
 				<br>
 				<a href="https://github.com/diegomura/react-pdf/tree/master/examples/resume/">Resume</a>
-			</td>  
+			</td>
 			<td align="center" valign="top">
 				<img width="150" height="150" src="https://github.com/diegomura/react-pdf/blob/master/examples/fractals/thumb.png">
 				<br>
 				<a href="https://github.com/diegomura/react-pdf/tree/master/examples/fractals/">Fractals</a>
-			</td>   
+			</td>
 			<td align="center" valign="top">
 				<img width="150" height="150" src="https://github.com/diegomura/react-pdf/blob/master/examples/knobs/thumb.png">
 				<br>
 				<a href="https://github.com/diegomura/react-pdf/tree/master/examples/knobs/">Knobs</a>
-			</td>   
+			</td>
 		</tr>
 	</tbody>
 </table>

examples/dom-bindings/.babelrc

@@ -1,7 +1,12 @@
 {
-  presets: [
-    "es2015",
-    "react",
-    "stage-0"
+  "presets": [
+    [
+      "env",
+      {
+        "modules": false,
+        "loose": true
+      }
+    ],
+    "react"
   ]
 }

examples/dom-bindings/.eslintrc

@@ -6,13 +6,13 @@
   "plugins": [],
   "env": {
     "es6" : true,
-    "browser" : true,
+    "browser" : true
   },
   "rules": {
     "arrow-parens": 0,
     "object-curly-newline": 0,
     "react/jsx-filename-extension": 0,
     "react/forbid-prop-types": 0,
-    "react/require-default-props": 0,
+    "react/require-default-props": 0
   }
 }

examples/dom-bindings/.gitignore

@@ -3,15 +3,11 @@
 # dependencies
 /node_modules
 
-# testing
-/coverage
-
 # production
 /build
 
 # misc
 .DS_Store
-.env
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*