docs(README): add demo link

README.md

@@ -23,8 +23,26 @@ $ yarn add graphql.macro
 
 > Note: You'll also need to install and configure [babel-plugin-macros](https://github.com/kentcdodds/babel-plugin-macros) if you haven't already.
 
+## Example
+
+[evenchange4/graphql.macro-example](https://github.com/evenchange4/graphql.macro-example) [[DEMO](https://graphqlmacro.netlify.com/)]
+
 ## Usage
 
+### `loader`
+
+```js
+import { loader } from 'graphql.macro';
+const query = loader('./fixtures/query.graphql');
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+const query = {
+  "kind": "Document",
+  "definitions": [{
+    ...
+```
+
 ### `gql`
 
 ```diff
@@ -48,20 +66,6 @@ const query = {
     ...
 ```
 
-### `loader`
-
-```js
-import { loader } from 'graphql.macro';
-const query = loader('./fixtures/query.graphql');
-
-      ↓ ↓ ↓ ↓ ↓ ↓
-
-const query = {
-  "kind": "Document",
-  "definitions": [{
-    ...
-```
-
 ## Alternative
 
 * [Webpack preprocessing with graphql/loader](https://github.com/apollographql/graphql#webpack-preprocessing-with-graphqlloader)