rwr-redux 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d90aef2f8a8cd36bd034731da93afa59c6645f55
-  data.tar.gz: c41a41d679bf180cfd8c6e490c1b27bb393c9ebb
+  metadata.gz: 36a0dc245883afb465fb10b4271473744a8fffb2
+  data.tar.gz: efd6cb621c8949ee78ea69d6242f970ffd23aa3c
 SHA512:
-  metadata.gz: 15a686a3d097a50e7fd95f37784ee56be0e280f357c01d0dd2d373140de895a50f20357a7c1a1d00f7b988d57b40d6a76d3edc48edab1bfa831138862373a1e4
-  data.tar.gz: 1c6a123ac3b564d88e5fd8c146ea56a54a59d095a409a2094b1679dd01ed9dcb4818c4f10fa6670a5f9079cc5f196c5ad250a0ebdc8eb389eb69f5d4c223081e
+  metadata.gz: 66966465aa0155af43630883102678dc143e4eec8ac92b4d288f09c6b867fb19766c0cfc8f481cf00fb2c6f49f0a9c28e61ec9a9d459820ab6b6cc520958503f
+  data.tar.gz: 1b68bda1434af2f9b59ebf68feabf0e7fdad0b5146a6d7a9cfda3fc2b2636f990c761d93b05abebd54075f41c9c2cbcb74f52b299d49dec2675ce7c408000520

data/README.md

@@ -82,7 +82,7 @@ If you have more than one store in a view, you can specify `store_name`:
 
 ## Usage with react-redux-router
 
-If you want to use router in your redux app, you have to only create routes component. `rwr-redux` will wrap it with `<Router>` and `<Provider>`components, and also, will sync history with the store. Only `browserHistory` is supported.
+If you want to use router in your redux app, you have to only create routes component. `rwr-redux` will wrap it with `<Router>` and `<Provider>` components, and also, will sync history with the store. Only `browserHistory` is supported.
 
 ### example routes
 `app/react/routes/index.js`

data/docs/rails-redux-router.md

@@ -9,54 +9,42 @@ If you want check the source code right away, you can find example app [here](ht
 
 ## Setup
 
-* [react_webpack_rails](https://github.com/netguru/react_webpack_rails) and [rwr-redux](https://github.com/netguru/rwr-redux) have to be added and to your app
+* [react_webpack_rails](https://github.com/netguru/react_webpack_rails) and [rwr-redux](https://github.com/netguru/rwr-redux) have to be added to your app
 * install react-router and react-router-redux:
 ```bash
 $ npm install --save react-router react-router-redux
 ```
 
-## Main app component
+## Routes
 
-In your root component add `<Router>` component and sync history with store.
+`rwr-redux` will wrap Routes with `<Router>` and `<Provider>` components, and also, will sync browserHistory with the store.
 
-`react/containers/Root.jsx` [example](https://github.com/caspg/rails-react-examples/blob/master/redux-router/app/react/containers/Root.jsx)
-```jsx
-import React, { Component } from 'react';
+[`react/routes/index.js`](https://github.com/caspg/rails-react-examples/blob/master/redux-router/app/react/routes/index.js)
+```js
+import React from 'react';
 import { Router, Route, IndexRoute, browserHistory } from 'react-router';
-import { syncHistoryWithStore } from 'react-router-redux';
-import RWRRedux from 'rwr-redux';
-
-import App from './App';
-(...)
-
-export default class Root extends Component {
-  componentWillMount() {
-    const mountedStore = RWRRedux.getStore();
-    this.history = syncHistoryWithStore(browserHistory, mountedStore);
-  }
-
-  render() {
-    return (
-      <Router history={this.history} >
-        <Route path="/" component={App}>
-          (...)
-        </Route>
-      </Router>
-    );
-  }
-}
-```
 
-In `componentWillMount()` method, browserHistory is synced with [registered store](https://github.com/netguru/rwr-redux#register-store-and-components-in-reactindexjs). Store can be accessed by `getStore()` function provided by `rwr-redux` package.
+import App from '../containers/App';
+import CounterPage from '../containers/CounterPage';
+import ScorePage from '../components/ScorePage';
+import About from '../components/About';
+
+export default (
+  <Route path="/" component={App}>
+    <IndexRoute component={CounterPage} />
+    <Route path="/score-board" component={ScorePage} />
+    <Route path="/about" component={About} />
+  </Route>
+);
 
-Within this component you can navigate with `<Link>` components ([example](https://github.com/caspg/rails-react-examples/blob/master/redux-router/app/react/components/TabItem.jsx#L11)).
+```
 
 ## Store
 
 Navbar component will issue [navigation events](https://github.com/reactjs/react-router-redux#what-if-i-want-to-issue-navigation-events-via-redux-actions) via Redux actions. Those events will change state and cause main component to rerender.
 
 To make it works, you need to apply middleware to the store:
-`react/store/index.js`
+[`react/store/index.js`](https://github.com/caspg/rails-react-examples/blob/master/redux-router/app/react/store/index.js)
 ```jsx
 import { createStore, applyMiddleware } from 'redux';
 import { routerMiddleware } from 'react-router-redux'
@@ -77,7 +65,7 @@ export default function configureStore(initialState) {
 
 ## Navbar component
 
-`react/containers/Navbar.jsx` [example](https://github.com/caspg/rails-react-examples/blob/master/redux-router/app/react/containers/Navbar.jsx#L15)
+[`react/containers/Navbar.jsx`](https://github.com/caspg/rails-react-examples/blob/master/redux-router/app/react/containers/Navbar.jsx)
 
 Import `push` method from react-router-redux:
 ```jsx
@@ -89,6 +77,31 @@ And now you can dispatch an action with navigation event:
 this.props.dispatch(push(path));
 ```
 
+## Register store and router
+
+[`react/index.js`](https://github.com/caspg/rails-react-examples/blob/master/redux-router/app/react/index.js)
+
+Register integrations:
+```js
+integrationsManager.register('redux-store', RWRRedux.storeIntegrationWrapper);
+integrationsManager.register('redux-container', RWRRedux.containerIntegrationWrapper);
+integrationsManager.register('redux-router', RWRRedux.routerIntegrationWrapper);
+```
+
+Register store and components:
+```js
+
+import CounterStore from './store';
+RWRRedux.registerStore('CounterStore', CounterStore);
+
+import Navbar from './containers/Navbar';
+RWRRedux.registerContainer('Navbar', Navbar);
+
+import MainRoutes from './routes';
+RWRRedux.registerRoutes('MainRoutes', MainRoutes);
+```
+
+
 ## Rails part
 
 Add wildcard route:

data/js/src/version.js

@@ -1 +1 @@
-export default '0.2.0';
+export default '0.3.0';

data/lib/react_webpack_rails/redux_integration/version.rb

@@ -1,5 +1,5 @@
 module ReactWebpackRails
   module ReduxIntegration
-    VERSION = '0.2.0'
+    VERSION = '0.3.0'
   end
 end

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rwr-redux",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Redux integration for react_webpack_rails",
   "main": "js/lib/index.js",
   "files": [
@@ -30,11 +30,11 @@
   },
   "homepage": "https://github.com/netguru/rwr-redux",
   "dependencies": {
-    "react-redux": "^4.4.2",
-    "react-router": "^2.0.1",
-    "react-router-redux": "^4.0.1",
-    "react-webpack-rails": "^0.3.1",
-    "redux": "^3.4.0"
+    "react-redux": "^4.4.5",
+    "react-router": "^2.4.1",
+    "react-router-redux": "^4.0.4",
+    "react-webpack-rails": "^0.4.1",
+    "redux": "^3.5.2"
   },
   "devDependencies": {
     "babel-cli": "^6.4.0",

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rwr-redux
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - Kacper Goliński
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-04-12 00:00:00.000000000 Z
+date: 2016-06-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler