Renaming

demos/radon/client/components/MarketCreator.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {bind} from 'react-radon';
+import {bindToSilo} from 'react-radon';
 
 class MarketCreator extends React.Component {
   render() { 
@@ -16,4 +16,4 @@ class MarketCreator extends React.Component {
   }
 }
 
-export default bind(MarketCreator);
+export default bindToSilo(MarketCreator);

demos/radon/client/components/MarketDisplay.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {bind} from 'react-radon';
+import {bindToSilo} from 'react-radon';
 
 const MarketDisplay = (props) => (
   <div>
@@ -8,4 +8,4 @@ const MarketDisplay = (props) => (
   </div>
 );
 
-export default bind(MarketDisplay);
+export default bindToSilo(MarketDisplay);

demos/radon/client/components/MarketsDisplay.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import MarketDisplay from './MarketDisplay.jsx';
-import {bind} from 'react-radon';
+import {bindToSilo} from 'react-radon';
 
 const MarketsDisplay = (props) => {
 
@@ -12,4 +12,4 @@ const MarketsDisplay = (props) => {
   );
 };
 
-export default bind(MarketsDisplay);
+export default bindToSilo(MarketsDisplay);

demos/radon/client/components/TotalsDisplay.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {bind} from 'react-radon';
+import {bindToSilo} from 'react-radon';
 
 class TotalsDisplay extends React.Component{
   render() {
@@ -12,4 +12,4 @@ class TotalsDisplay extends React.Component{
     </div>);
   }
 }
-export default bind(TotalsDisplay);
+export default bindToSilo(TotalsDisplay);

demos/radon/client/containers/MainContainer.jsx

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import TotalsDisplay from '../components/TotalsDisplay.jsx';
 import MarketsContainer from './MarketsContainer.jsx'
-import {bind} from 'react-radon';
+import {bindToSilo} from 'react-radon';
 
 class MainContainer extends Component {
   constructor(props) {
@@ -21,4 +21,4 @@ class MainContainer extends Component {
   }
 }
 
-export default bind(MainContainer);
+export default bindToSilo(MainContainer);

demos/radon/client/containers/MarketsContainer.jsx

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import MarketCreator from '../components/MarketCreator.jsx'
 import MarketsDisplay from '../components/MarketDisplay.jsx'
 import Market from '../components/Market.jsx';
-import {bind, objectBind} from 'react-radon';
+import {bindToSilo, bindObjectToSilo} from 'react-radon';
 
 class MarketsContainer extends Component {
   constructor(props) {
@@ -40,7 +40,7 @@ class MarketsContainer extends Component {
       let marketData = this.props.val.marketList.val;
 
       for(let i in marketData){
-        let ArrMarket = objectBind(Market, i, this.props.val.marketList);
+        let ArrMarket = bindObjectToSilo(Market, i, this.props.val.marketList);
         markets.push(<ArrMarket key={i} i={i} addCard={this.addCard} deleteCard={this.deleteCard}/>)
       }
 
@@ -55,4 +55,4 @@ class MarketsContainer extends Component {
   }
 }
 
-export default bind(MarketsContainer);
+export default bindToSilo(MarketsContainer);

demos/radon/package.json

@@ -15,10 +15,10 @@
     "path": "^0.12.7",
     "prop-types": "^15.6.2",
     "radon-devtool": "^1.0.11",
-    "radon-js": "^3.2.16",
+    "radon-js": "^3.3.0",
     "react": "^16.5.1",
     "react-dom": "^16.5.1",
-    "react-radon": "^1.0.12",
+    "react-radon": "^1.0.15",
     "webpack": "^4.19.0"
   },
   "devDependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-radon",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "Radon is an object-oriented state management framework for JavaScript applications.",
   "main": "build/bundle.js",
   "files": [

reactBindings/objectBind.js → reactBindings/bindObjectToSilo.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 // siloObject is passed in to have access to keySubscribe function
-function objectBind(ComponentToBind, key, siloObject) {
+function bindObjectToSilo(ComponentToBind, key, siloObject) {
   class WrapperFunction extends React.Component {
     constructor() {
       super();
@@ -27,7 +27,7 @@ function objectBind(ComponentToBind, key, siloObject) {
     }
 
     componentWillUnmount() {
-      //this.unsubscribe();
+      this.unsubscribe();
     }
   }
 
@@ -39,4 +39,4 @@ function objectBind(ComponentToBind, key, siloObject) {
   return WrapperFunction;
 }
 
-export default objectBind;
+export default bindObjectToSilo;

reactBindings/bind.js → reactBindings/bindToSilo.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types'; 
 
-function bind(ComponentToBind) {
+function bindToSilo(ComponentToBind) {
     class WrapperFunction extends React.Component {
         constructor() {
             super();
@@ -63,4 +63,4 @@ function bind(ComponentToBind) {
   return WrapperFunction;
 }
 
-export default bind;
+export default bindToSilo;

reactBindings/reactBindings.js

@@ -1,7 +1,7 @@
-import bindImport from './bind.js';
-import objectBindImport from './objectBind.js';
+import bindImport from './bindToSilo';
+import objectBindImport from './bindObjectToSilo.js';
 import ProviderImport from './Provider.js';
 
-export const bind = bindImport;
-export const objectBind = objectBindImport;
+export const bindToSilo = bindImport;
+export const bindObjectToSilo = objectBindImport;
 export const Provider = ProviderImport;