Add react example

docs/README.md

@@ -36,8 +36,6 @@ At this point, any image with attribute `data-action="zoom"` is zoomable by defa
 <img src="img/journey.jpg" data-action="zoom" />
 ```
 
-If you click while holding your meta key (`⌘` or `Ctrl`), it opens the image in a new tab.
-
 ## Examples
 
 The source code of [demo](http://desmonding.me/zooming/) page is a  simple demonstration on how to integrate Zooming and personalize it on your web page. Take a look at [index.html](https://github.com/kingdido999/zooming/blob/master/index.html) and [demo/js/custom.js](https://github.com/kingdido999/zooming/blob/master/demo/js/custom.js).

docs/advanced-usage.md

@@ -56,4 +56,14 @@ const zoomingDark = new Zooming({
 zoomingLight.config({
   // ...
 })
-```
+```
+
+## Open the image in a new tab
+
+Click while holding your meta key (`⌘` or `Ctrl`).
+
+## Working with React
+
+Please see this [example](https://github.com/kingdido999/atogatari/blob/master/client/src/components/ZoomableImage.js).
+
+Notice that it's best to pass in an initialized `zooming` instance as a prop to your component and use that instance to listen to your images within `componentDidMount` method. In this way, we don't create new `zooming` instances everytime the component rerendered.