feat: register listener in mixin only if existing

Author: troch

README.md

@@ -16,21 +16,26 @@ and mixins as functional as possible.
 This makes the use of Router5 with React very flexible, and you can choose how to organise your
 code. Below is one example of how you can use those helpers:
 
+
 ```javascript
+import React from 'react'
+import {Router5} from 'router5'
 import {linkFactory, segmentMixinFactory} from 'router5-react'
-import Router5 from 'router5'
 
-let router = Router5()
-    .addNode('users',      '/users')
-    .addNode('users.view', '/view/:id')
-    .addNode('users.list', '/list')
+var router = new Router5()
+    .setOption('useHash', true)
+    .setOption('defaultRoute', 'inbox')
+    // Routes
+    .addNode('inbox',            '/inbox')
+    .addNode('inbox.message',    '/message/:id')
+    .addNode('compose',          '/compose')
+    .addNode('contacts',         '/contacts')
     .start()
 
-export {
-    Link:         linkFactory(router)
-    SegmentMixin: segmentMixinFactory(router)
-    router
-}
+var Link = linkFactory(router)
+var SegmentMixin = segmentMixinFactory(router)
+
+export {router, Link, SegmentMixin}
 ```
 
 ### Link component
@@ -45,7 +50,7 @@ let Menu = React.createClass({
     render() {
         let params = {id: 1}
         return (<nav>
-            <Link routeName="users.view" routeParams={params}>View user 1</Link>
+            <Link routeName="users.view" routeParams={params} routeOptions={reload: true}>View user 1</Link>
 
             <Link routeName="users.list">List users</Link>
         </nav>)

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "router5-react",
-  "version": "0.1.0-alpha.6",
+  "version": "0.1.0-alpha.7",
   "homepage": "http://router5.github.io",
   "authors": [
     "Thomas Roch <thomas.c.roch@gmail.com>"

dist/amd/segment-mixin-factory.js

@@ -11,12 +11,12 @@ define(["exports", "module"], function (exports, module) {
                 },
 
                 componentDidMount: function componentDidMount() {
-                    router.addNodeListener(routeName, this.nodeListener);
+                    if (listener) router.addNodeListener(routeName, this.nodeListener);
                     router.registerComponent(routeName, this);
                 },
 
                 componentWillUnmount: function componentWillUnmount() {
-                    router.removeNodeListener(routeName, this.nodeListener);
+                    if (listener) router.removeNodeListener(routeName, this.nodeListener);
                     router.deregisterComponent(routeName, this);
                 }
             };

dist/browser/router5-react.js

@@ -99,12 +99,12 @@ function segmentMixinFactory(router) {
             },
 
             componentDidMount: function componentDidMount() {
-                router.addNodeListener(routeName, this.nodeListener);
+                if (listener) router.addNodeListener(routeName, this.nodeListener);
                 router.registerComponent(routeName, this);
             },
 
             componentWillUnmount: function componentWillUnmount() {
-                router.removeNodeListener(routeName, this.nodeListener);
+                if (listener) router.removeNodeListener(routeName, this.nodeListener);
                 router.deregisterComponent(routeName, this);
             }
         };

dist/browser/router5-react.min.js

@@ -13,12 +13,12 @@ function segmentMixinFactory(router) {
             },
 
             componentDidMount: function componentDidMount() {
-                router.addNodeListener(routeName, this.nodeListener);
+                if (listener) router.addNodeListener(routeName, this.nodeListener);
                 router.registerComponent(routeName, this);
             },
 
             componentWillUnmount: function componentWillUnmount() {
-                router.removeNodeListener(routeName, this.nodeListener);
+                if (listener) router.removeNodeListener(routeName, this.nodeListener);
                 router.deregisterComponent(routeName, this);
             }
         };

dist/commonjs/segment-mixin-factory.js

@@ -7,12 +7,12 @@ function segmentMixinFactory(router) {
         },
 
         componentDidMount() {
-            router.addNodeListener(routeName, this.nodeListener)
+            if (listener) router.addNodeListener(routeName, this.nodeListener)
             router.registerComponent(routeName, this)
         },
 
         componentWillUnmount() {
-            router.removeNodeListener(routeName, this.nodeListener)
+            if (listener) router.removeNodeListener(routeName, this.nodeListener)
             router.deregisterComponent(routeName, this)
         }
     })

modules/segment-mixin-factory.js

@@ -1,6 +1,6 @@
 {
   "name": "router5-react",
-  "version": "0.1.0-alpha.6",
+  "version": "0.1.0-alpha.7",
   "description": "router5 helpers for React",
   "main": "dist/commonjs/index.js",
   "scripts": {