react_on_rails 6.1.2 → 6.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6e9e287198cdafe96e7c78f33e3b01c6d9ae4bbd
-  data.tar.gz: 682f3310d6260d6bf73d8651c187ec65c7d3ad74
+  metadata.gz: 927cff08d14b0f5875a696442e239299c6c5ef44
+  data.tar.gz: ed6c65a5ae8e5bb967642f93b5d28f99545f6102
 SHA512:
-  metadata.gz: 243ebf56d4c2561c313d98871f8cf54634913d429c521c7a6295e1defb047a65cd11029936196970c11e7230c0fb21b3731b7899523d28db51268aabaf92e214
-  data.tar.gz: f03c94c472d6673e35a44e82f7b7d77d7d14b1bbf4f1d41d29990d13bde61f7e999648f12420d588cfe306ad7414122c430e2207c6795c5c052ee9b085b3b4b9
+  metadata.gz: 6ccfae9da543407ff18f1455510b3520836f8e940efb74828f0a91a9e57c4b79ae6c1a083cb293c31d050b07b94753d10cc7eaea37e47ec808593dad6b5dd1b8
+  data.tar.gz: 19f01977f909f9e51bc0dc9a1c35ec138c877c33611ded1af59fdb9cb20b293a24803f25b851ac64b83e549db30980dbf42fce4021e7b818a678c80486d680d5

data/CHANGELOG.md

@@ -4,14 +4,20 @@ All notable changes to this project will be documented in this file. Items under
 Contributors: please follow the recommendations outlined at [keepachangelog.com](http://keepachangelog.com/). Please use the existing headings and styling as a guide, and add a link for the version diff at the bottom of the file. Also, please update the `Unreleased` link to compare to the latest release version.
 
 ## [Unreleased]
+
+## [6.2.0] - 2016-11-19
+##### Changed
+- Updated the generator templates to reflect current best practices, especially for the redux version. [#584](https://github.com/shakacode/react_on_rails/pull/584) by [nostophilia](https://github.com/nostophilia).
+
+## [6.1.2] - 2016-10-24
 ##### Fixed
 - Added compatibility with older manifest.yml files produced by Rails 3 Sprockets when symlinking digested assets during precompilation [#566](https://github.com/shakacode/react_on_rails/pull/566) by [etripier](https://github.com/etripier).
 
-## [6.1.1] 2016-09-09
+## [6.1.1] - 2016-09-09
 ##### Fixed
 - React on Rails was incorrectly failing to create symlinks when a file existed in the location for the new symlink. [#491](https://github.com/shakacode/react_on_rails/pull/541) by [robwise ](https://github.com/robwise) and [justin808](https://github.com/justin808).
 
-## [6.1.0] 2016-08-21
+## [6.1.0] - 2016-08-21
 
 ##### Added
 - Node option for installer added as alternative for server rendering [#469](https://github.com/shakacode/react_on_rails/pull/469) by [jbhatab](https://github.com/jbhatab).
@@ -372,7 +378,9 @@ Best done with Object destructing:
 ##### Fixed
 - Fix several generator related issues.
 
-[Unreleased]: https://github.com/shakacode/react_on_rails/compare/6.1.1...master
+[Unreleased]: https://github.com/shakacode/react_on_rails/compare/6.2.0...master
+[6.2.0]: https://github.com/shakacode/react_on_rails/compare/6.1.2...6.2.0
+[6.1.2]: https://github.com/shakacode/react_on_rails/compare/6.1.1...6.1.2
 [6.1.1]: https://github.com/shakacode/react_on_rails/compare/6.1.0...6.1.1
 [6.1.0]: https://github.com/shakacode/react_on_rails/compare/6.0.5...6.1.0
 [6.0.5]: https://github.com/shakacode/react_on_rails/compare/6.0.4...6.0.5

data/KUDOS.md

@@ -25,3 +25,16 @@ https://twitter.com/ollieglass/status/713372606804729856
 ![2016-06-15_08-57-25](https://cloud.githubusercontent.com/assets/1118459/16093324/33077310-32d7-11e6-88f3-69aa73bd7d9f.png)
 
 ![2016-09-11_17-55-46](https://cloud.githubusercontent.com/assets/1118459/18424209/0c8bdade-7849-11e6-96a7-3b58b26308ce.png)
+
+### October 29, 2016 by Email
+![2016-10-29_17-10-25](https://cloud.githubusercontent.com/assets/1118459/20163712/72307a82-a6b3-11e6-9c46-aee526192b23.png)
+
+### November 6, 2016
+https://github.com/shakacode/react_on_rails/pull/591#issuecomment-258685925
+![2016-11-15_08-36-29](https://cloud.githubusercontent.com/assets/1118459/20318599/ec4882b0-ab0e-11e6-83e2-7f398e2cdf5b.png)
+
+### November 9, 2016, in our Slack Room for ShakaCode
+![2016-11-09_19-28-32](https://cloud.githubusercontent.com/assets/1118459/20163679/405229ca-a6b3-11e6-8dff-6dc3f59bf341.png)
+
+### November 15, 2016
+![2016-11-15_18-15-31](https://cloud.githubusercontent.com/assets/1118459/20334680/23eaab0c-ab60-11e6-8830-8528c2f829a3.png)

data/PROJECTS.md

@@ -3,7 +3,7 @@
 *Please add your project to this list.*
 
 ## Commercial Products Live
-* **[Friends and Guests](https://www.friendsandguests.com/listings)**, the signature product of [ShakaCode](http://www.shakacode.com), which is a "Network Connecting Hosts and Guests".
+* **[Friends and Guests](https://www.friendsandguests.com/)**, the signature product of [ShakaCode](http://www.shakacode.com), which is a "Network Connecting Hosts and Guests".
 * **[Blink Inc](https://www.blinkinc.com)**: Website and more built by [ShakaCode](http://www.shakacode.com).
 * **[Madrone Analytics](http://madroneco.com/)**: The original client of [ShakaCode](http://www.shakacode.com) that led to the development of React on Rails, as described in [Fast Rich Client Rails Development With Webpack and the ES6 Transpiler](http://www.railsonmaui.com/blog/2014/10/03/integrating-webpack-and-the-es6-transpiler-into-an-existing-rails-project/).
 * **[Deliveroo](https://deliveroo.co.uk/)**: The leading food delivery site in Europe has gone live with React on Rails, with multi-lingual JavaScript support! 
@@ -27,3 +27,10 @@
 ## Demos and Tutorials
 * [reactrails.com](http://www.reactrails.com), source code [github.com/shakacode/react-webpack-rails-tutorial](https://github.com/shakacode/react-webpack-rails-tutorial/)
 * [Relay Rails Blog](https://github.com/gauravtiwari/relay-rails-blog): Tutorial to learn Relay with Rails.
+
+--------
+
+## Projects Based on React on Rails
+
+* [github.com/Limenius/symfony-react-sandbox](https://github.com/Limenius/symfony-react-sandbox)
+* [github.com/tswayne/react-helper](https://github.com/tswayne/react-helper)

data/README.md

@@ -12,19 +12,23 @@ Your support keeps this project going.
 
 (Want to become a contributor? [Contact us](mailto:contact@shakacode.com) for an Slack team invite! Also, see ["easy" issues](https://github.com/shakacode/react_on_rails/labels/easy) and [issues for the full tutorial](https://github.com/shakacode/react-webpack-rails-tutorial/issues?q=is%3Aissue+is%3Aopen+label%3Aeasy).)
 
-# Articles
+# Articles, Videos, and Podcasts
+
+### Articles
 * [React on Rails, 2000+ 🌟 Stars](https://medium.com/shakacode/react-on-rails-2000-stars-32ff5cfacfbf#.6gmfb2gpy)
 * [The React on Rails Doctrine](https://medium.com/@railsonmaui/the-react-on-rails-doctrine-3c59a778c724)
 
-# Videos
-
 ### [React On Rails Tutorial Series](https://www.youtube.com/playlist?list=PL5VAKH-U1M6dj84BApfUtvBjvF-0-JfEU)
 
 1. [History and Motivation](https://youtu.be/F4oymbUHvoY)
 2. [Basic Tutorial Walkthrough](https://youtu.be/_bjScw60FBk)
 3. [Code Walkthrough](https://youtu.be/McQ9UM-_ocQ)
 
+### Podcasts
+* [284 Ruby Rogues: React on Rails with Justin Gordon and Rob Wise](https://devchat.tv/ruby-rogues/284-rr-react-on-rails-with-justin-gordon-and-rob-wise)
+
 # NEWS
+* 2016-11-03: Speaking at [LA Ruby, 7pm, Thursday, November 10 in Venice, CA: "React on Rails: Why, What, and How?"](http://www.meetup.com/laruby/events/234825187/)
 * 2016-08-27: We now have a [Documentation Gitbook](https://shakacode.gitbooks.io/react-on-rails/content/) for improved readability & reference.
 * 2016-08-21: v6.1 ships with serveral new features and bug fixes. See the [Changelog](CHANGELOG.md).
 * 2016-07-28: If you're doing server rendering, be sure to use mini\_racer! See [issues/428](https://github.com/shakacode/react_on_rails/issues/428). It's supposedly much faster than `therubyracer`.
@@ -85,7 +89,8 @@ We're definitely not doing that. With react_on_rails, webpack is mainly generati
 ## Getting Started
 
 **For more detailed instructions**, see the [React on Rails Basic Tutorial](docs/tutorial.md).
-1. Add the following to your Gemfile and bundle install.
+
+1. Add the following to your Gemfile and `bundle install`.
 
   ```ruby
   gem "react_on_rails", "~> 6"
@@ -430,7 +435,7 @@ See [ReactOnRails JavaScript API](docs/api/javascript-api.md).
 
 #### Using Rails built-in CSRF protection in JavaScript
 
-Rails has built-in protection for Cross-Site Request Forgery (CSRF), see [Rails Documentation](http://guides.rubyonrails.org/security.html#cross-site-request-forgery-csrf). To nicely utilize this feature in JavaScript requests, React on Rails is offerring two helpers that can be used as following for POST, PULL or DELETE requests:
+Rails has built-in protection for Cross-Site Request Forgery (CSRF), see [Rails Documentation](http://guides.rubyonrails.org/security.html#cross-site-request-forgery-csrf). To nicely utilize this feature in JavaScript requests, React on Rails is offerring two helpers that can be used as following for POST, PUT or DELETE requests:
 
 ```
 import ReactOnRails from 'react-on-rails';
@@ -543,7 +548,7 @@ We owe much gratitude to the work of the [react-rails gem](https://github.com/re
 
 # FINAL NOTES
 * See [Projects](PROJECTS.md) using and [KUDOS](./KUDOS.md) for React on Rails. Please submit yours! Please edit either page or [email us](mailto:contact@shakacode.com) and we'll add your info. We also **love stars** as it helps us attract new users and contributors.
-* Follow [@railsonmaui](https://twitter.com/railsonmaui) and [@shakacode](https://twitter.com/shakacode) on Twitter for updates on releases. We've also got a forum category dedicated to [react_on_rails](http://forum.shakacode.com/c/rails/ReactOnRails).
+* Follow [@railsonmaui](https://twitter.com/railsonmaui) and [@shakacode](https://twitter.com/shakacode) on Twitter for updates on releases. We've also got a forum category dedicated to [react_on_rails](https://forum.shakacode.com/c/rails/reactonrails).
 
 ---
 

data/docs/additional-reading/heroku-deployment.md

@@ -2,7 +2,7 @@
 The generator has created the necessary files and gems for deployment to Heroku. If you have installed manually, you will need to provide these files yourself:
 
 + `Procfile`: used by Heroku and Foreman to start the Puma server
-+ `12factor` gem: required by Heroku
++ `12factor` gem: required by Heroku if using a version before Rails 5 (see their [README](https://github.com/heroku/rails_12factor#rails-5) for more information if upgrading from a lower version)
 + `'puma'` gem: recommended Heroku webserver
 + `config/puma.rb`: Puma webserver config file
 + `lib/tasks/assets.rake`: This rake task file is provided by the generator regardless of whether the user chose Heroku Deployment as an option. It is highlighted here because it is helpful to understand that this task is what generates your JavaScript bundles in production. Previously, users of this gem had to create a file `lib/tasks/assets.rake` to modify the Rails precompile task to deploy assets for production. However, we add this automatically in newer versions of React on Rails. If you need to customize this file, see [lib/tasks/assets.rake from React on Rails](https://github.com/shakacode/react_on_rails/blob/master/lib/tasks/assets.rake) as an example.

data/docs/additional-reading/hot-reloading-rails-development.md

@@ -2,7 +2,7 @@
 
 This document outlines the steps to setup your React On Rails Environment so that you can experience the pleasure of hot reloading of JavaScript and Sass during your Rails development work. There are 2 examples of this setup:
 
-1. [spec/dummy](../../spec/dummy): Simpler setup used for integration testing this gem.
+1. [spec/dummy](https://github.com/shakacode/react_on_rails/tree/master/spec/dummy): Simpler setup used for integration testing this gem.
 1. [shakacode/react-webpack-rails-tutorial](https://github.com/shakacode/react-webpack-rails-tutorial/). Full featured setup using Twitter bootstrap.
 
 ## High Level Strategy

data/docs/additional-reading/rspec-configuration.md

@@ -12,7 +12,7 @@ RSpec.configure do |config|
 You can pass an RSpec metatag as an optional second parameter to this helper method if you want this helper to run on examples other than where `js: true` (default). The helper will compile webpack files at most once per test run. The helper will not compile the webpack files unless they are out of date (stale). The helper is configurable in terms of what command is used to prepare the files.
 
 Please take note of the following:
-- This utility uses your `npm_build_test_command' to build the static generated files. This command **must** not include the `--watch` option. If you have different server and client bundle files, this command **must** create all the bundles.
+- This utility uses your `npm_build_test_command` to build the static generated files. This command **must** not include the `--watch` option. If you have different server and client bundle files, this command **must** create all the bundles.
 - By default, the webpack processes look for the `app/assets/webpack` folders (configured as setting `webpack_generated_files` in the `config/react_on_rails.rb`. If this folder is missing, is empty, or contains files in the `config.webpack_generated_files` list with `mtime`s older than any of the files in your `client` folder, the helper will recompile your assets. You can override the location of these files inside of `config/initializers/react_on_rails.rb` by passing a filepath (relative to the root of the app) to the `generated_assets_dir` configuration option.
 
 The following `config/react_on_rails.rb` settings **must** match your setup:

data/docs/additional-reading/turbolinks.md

@@ -17,6 +17,11 @@ the JavaScript and stylesheets are cached by the browser, as they will still req
 1. [react-router](https://github.com/ReactTraining/react-router) handles the back and forward buttons, as does TurboLinks. You *might* be able to make this work. *Please share your findings.*
 1. You want to do code splitting to minimize the JavaScript loaded.
 
+## More Information
+* CSRF tokens need thorough checking with Turbolinks5. Turbolinks5 changes the head element by JavaScript (not only body) on page changes with the correct csrf meta tag, but if the JS code parsed this from head when several windows were opened, then our specs were not all passing. I didn't look details however, may be it is app code related, not library code. Anyway it may need additional check because there is CSRF helper in ReactOnRails and it need to work with Turbolinks5.
+* Turbolinks5 send requests without the `Accept: */*` in the header, only exactly like `Accept: text/html` which makes Rails behave a bit specifically compared to normal and mime-parsing, which is skipped by when Rails see */*. For some more details on Rails and */* can read [Mime Type Resolution in Rails](http://blog.bigbinary.com/2010/11/23/mime-type-resolution-in-rails.html)
+* If you're using multiple Webpack bundles, be sure to ensure that there are no name conflicts between JS objects or redux store paths.
+
 ### Install Checklist
 1. Include turbolinks via npm as shown in the [react-webpack-rails-tutorial](https://github.com/shakacode/react-webpack-rails-tutorial/blob/8a6c8aa2e3b7ae5b08b0a9744fb3a63a2fe0f002/client/webpack.client.base.config.js#L22) or include the gem "turbolinks".
 1. Included the proper "track" tags when you include the javascript and stylesheet:

data/docs/basics/installation-overview.md

@@ -2,7 +2,7 @@
 
 Here's an overview of installation if you're not using the generator. 
 
-Note, the best to understand how to use ReactOnRails is to study the examples:
+Note, the best way to understand how to use ReactOnRails is to study the examples:
 
 1. [spec/dummy](../../spec/dummy): Simple, no DB example.
 2. [github.com/shakacode/react-webpack-rails-tutorial](https://github.com/shakacode/react-webpack-rails-tutorial): Full featured example.
@@ -24,7 +24,7 @@ The only requirements within this directory for basic React on Rails integration
 1. Configure the `config/initializers/react_on_rails.rb`. You can adjust some necessary settings and defaults. See file [spec/dummy/config/initializers/react_on_rails.rb](../../spec/dummy/config/initializers/react_on_rails.rb) for a detailed example of configuration, including comments on the different values to configure.
 1. Configure your Procfiles per the example apps. These are at the root of your Rails installation.
 1. Configure `config/initializers/assets.rb` probably like [spec/dummy/config/initializers/assets.rb](../../spec/dummy/config/initializers/assets.rb). This example shows what's necessary if you're enabling the hot-reloading Rails development option.
-1. Configure your top level JavaScript files for inclusion in your layout. You'll want a version that you use for static assets, and you want a file for any files in your setup that are not part of your webpack build. The reason for this is for use with hot-reloading. If you are not using hot reloading, then you only need to configure your `application.js` file to include your Webpack generated files. For more information on hot reloading, see [Hot Reloading of Assets For Rails Development](hot-reloading-rails-development.md)
+1. Configure your top level JavaScript files for inclusion in your layout. You'll want a version that you use for static assets, and you want a file for any files in your setup that are not part of your webpack build. The reason for this is for use with hot-reloading. If you are not using hot reloading, then you only need to configure your `application.js` file to include your Webpack generated files. For more information on hot reloading, see [Hot Reloading of Assets For Rails Development](../additional-reading/hot-reloading-rails-development.md)
  
 1. Configure your `lib/tasks/assets.rake` file to run webpack during asset precompilation.
 1. If you are deploying to Heroku, see [heroku-deployment.md](/docs/additional-reading/heroku-deployment.md)

data/lib/generators/react_on_rails/base_generator.rb

@@ -77,7 +77,7 @@ module ReactOnRails
            Procfile.dev
            app/views/hello_world/index.html.erb
            package.json
-           client/app/bundles/HelloWorld/components/HelloWorldWidget.jsx
+           client/app/bundles/HelloWorld/components/HelloWorld.jsx
            client/package.json).each { |file| template(base_path + file + ".tt", file) }
       end
 
@@ -99,11 +99,11 @@ Rails.application.config.assets.paths << Rails.root.join("app", "assets", "webpa
       DATA
 
       def append_to_assets_initializer
-        assets_intializer = File.join(destination_root, "config/initializers/assets.rb")
-        if File.exist?(assets_intializer)
-          append_to_file(assets_intializer, ASSETS_RB_APPEND)
+        assets_initializer = File.join(destination_root, "config/initializers/assets.rb")
+        if File.exist?(assets_initializer)
+          append_to_file(assets_initializer, ASSETS_RB_APPEND)
         else
-          create_file(assets_intializer, ASSETS_RB_APPEND)
+          create_file(assets_initializer, ASSETS_RB_APPEND)
         end
       end
 

data/lib/generators/react_on_rails/react_no_redux_generator.rb

@@ -10,7 +10,7 @@ module ReactOnRails
 
       def copy_base_files
         base_path = "no_redux/base/"
-        file = "client/app/bundles/HelloWorld/containers/HelloWorld.jsx"
+        file = "client/app/bundles/HelloWorld/containers/HelloWorldContainer.jsx"
         copy_file(base_path + file, file)
       end
 

data/lib/generators/react_on_rails/react_with_redux_generator.rb

@@ -14,10 +14,9 @@ module ReactOnRails
       def copy_base_redux_files
         base_path = "redux/base/"
         %w(client/app/bundles/HelloWorld/actions/helloWorldActionCreators.jsx
-           client/app/bundles/HelloWorld/containers/HelloWorld.jsx
+           client/app/bundles/HelloWorld/containers/HelloWorldContainer.jsx
            client/app/bundles/HelloWorld/constants/helloWorldConstants.jsx
            client/app/bundles/HelloWorld/reducers/helloWorldReducer.jsx
-           client/app/bundles/HelloWorld/reducers/index.jsx
            client/app/bundles/HelloWorld/store/helloWorldStore.jsx).each do |file|
              copy_file(base_path + file, file)
            end

data/lib/generators/react_on_rails/templates/base/base/app/views/hello_world/index.html.erb.tt

@@ -1,3 +1,3 @@
-<h1 class="alert alert-info this-works">Hello World</h1>
+<h1>Hello World</h1>
 <%%= react_component("HelloWorldApp", props: @hello_world_props, prerender: false) %>
 

data/lib/generators/react_on_rails/templates/base/base/client/app/bundles/HelloWorld/components/HelloWorld.jsx.tt

@@ -0,0 +1,29 @@
+import React, { PropTypes } from 'react';
+
+// Simple example of a React "dumb" component
+const HelloWorld = ({ name, updateName }) => (
+  <div className="container">
+    <h3>
+      Hello, {name}!
+    </h3>
+    <hr />
+    <form className="form-horizontal">
+      <label htmlFor="name">
+        Say hello to:
+      </label>
+      <input
+        type="text" value={name} id="name"
+        onChange={(e) => updateName(e.target.value)}
+      />
+    </form>
+  </div>
+);
+
+HelloWorld.propTypes = {
+  // If you have lots of data or action properties, you should consider grouping them by
+  // passing two properties: "data" and "actions".
+  updateName: PropTypes.func.isRequired,
+  name: PropTypes.string.isRequired,
+};
+
+export default HelloWorld;

data/lib/generators/react_on_rails/templates/base/base/client/package.json.tt

@@ -2,6 +2,7 @@
 {
   "name": "react-webpack-rails-tutorial",
   "version": "0.0.1",
+  "private": true,
   "engines": {
     "node": "5.10.0",
     "npm": "3.5.0"
@@ -24,21 +25,13 @@
     "babel-preset-stage-0": "^6.5.0",
     "es5-shim": "^4.5.7",
     "expose-loader": "^0.7.1",
-    <%- if options.redux? -%>
-    "immutable": "^3.7.6",
-    <%- end -%>
     "imports-loader": "^0.6.5",
-    <%- if options.redux? -%>
-    "mirror-creator": "1.1.0",
-    <%- end -%>
-    "react": "^0.14.8 || ^15.0.0",
-    "react-dom": "^0.14.8 || ^15.0.0",
+    "react": "^15.0.0",
+    "react-dom": "^15.0.0",
     "react-on-rails": "<%= VersionSyntaxConverter.new.rubygem_to_npm %>",
     <%- if options.redux? -%>
     "react-redux": "^4.4.1",
     "redux": "^3.3.1",
-    "redux-promise": "^0.5.3",
-    "redux-thunk": "^2.0.1",
     <%- end -%>
     "webpack": "^1.12.14"
   },

data/lib/generators/react_on_rails/templates/base/base/package.json.tt

@@ -1,6 +1,7 @@
 {
   "name": "react-webpack-rails-tutorial",
   "version": "0.0.1",
+  "private": true,
   "engines": {
     "node": "5.10.0",
     "npm": "3.5.0"

data/lib/generators/react_on_rails/templates/no_redux/base/client/app/bundles/HelloWorld/containers/{HelloWorld.jsx → HelloWorldContainer.jsx}

@@ -1,8 +1,8 @@
 import React, { PropTypes } from 'react';
-import HelloWorldWidget from '../components/HelloWorldWidget';
+import HelloWorld from '../components/HelloWorld';
 
 // Simple example of a React "smart" component
-export default class HelloWorld extends React.Component {
+export default class HelloWorldContainer extends React.Component {
   static propTypes = {
     name: PropTypes.string.isRequired, // this is passed from the Rails view
   };
@@ -15,14 +15,12 @@ export default class HelloWorld extends React.Component {
     this.state = { name: this.props.name };
   }
 
-  updateName(name) {
-    this.setState({ name });
-  }
+  updateName = (name) => { this.setState({ name }); };
 
   render() {
     return (
       <div>
-        <HelloWorldWidget name={this.state.name} updateName={e => this.updateName(e)} />
+        <HelloWorld name={this.state.name} updateName={this.updateName} />
       </div>
     );
   }

data/lib/generators/react_on_rails/templates/no_redux/base/client/app/bundles/HelloWorld/startup/HelloWorldApp.jsx.tt

@@ -1,10 +1,10 @@
 import React from 'react';
 import ReactOnRails from 'react-on-rails';
 
-import HelloWorld from '../containers/HelloWorld';
+import HelloWorldContainer from '../containers/HelloWorldContainer';
 
 const HelloWorldApp = (props) => (
-  <HelloWorld {...props} />
+  <HelloWorldContainer {...props} />
 );
 
 // This is how react_on_rails can see the HelloWorldApp in the browser.

data/lib/generators/react_on_rails/templates/redux/base/client/app/bundles/HelloWorld/actions/helloWorldActionCreators.jsx

@@ -1,8 +1,8 @@
-import actionTypes from '../constants/helloWorldConstants';
+/* eslint-disable import/prefer-default-export */
 
-export function updateName(name) {
-  return {
-    type: actionTypes.HELLO_WORLD_NAME_UPDATE,
-    name,
-  };
-}
+import { HELLO_WORLD_NAME_UPDATE } from '../constants/helloWorldConstants';
+
+export const updateName = (text) => ({
+  type: HELLO_WORLD_NAME_UPDATE,
+  text,
+});

data/lib/generators/react_on_rails/templates/redux/base/client/app/bundles/HelloWorld/constants/helloWorldConstants.jsx

@@ -1,13 +1,3 @@
-// See https://www.npmjs.com/package/mirror-creator
-// Allows us to set up constants in a slightly more concise syntax. See:
-// client/app/bundles/HelloWorld/actions/helloWorldActionCreators.jsx
-import mirrorCreator from 'mirror-creator';
+/* eslint-disable import/prefer-default-export */
 
-const actionTypes = mirrorCreator([
-  'HELLO_WORLD_NAME_UPDATE',
-]);
-
-// actionTypes = {HELLO_WORLD_NAME_UPDATE: "HELLO_WORLD_NAME_UPDATE"}
-// Notice how we don't have to duplicate HELLO_WORLD_NAME_UPDATE twice
-// thanks to mirror-creator.
-export default actionTypes;
+export const HELLO_WORLD_NAME_UPDATE = 'HELLO_WORLD_NAME_UPDATE';

data/lib/generators/react_on_rails/templates/redux/base/client/app/bundles/HelloWorld/containers/HelloWorldContainer.jsx

@@ -0,0 +1,13 @@
+// Simple example of a React "smart" component
+
+import { connect } from 'react-redux';
+import HelloWorld from '../components/HelloWorld';
+import * as actions from '../actions/helloWorldActionCreators';
+
+// Which part of the Redux global state does our component want to receive as props?
+const mapStateToProps = (state) => ({ name: state.name });
+
+// Don't forget to actually use connect!
+// Note that we don't export HelloWorld, but the redux "connected" version of it.
+// See https://github.com/reactjs/react-redux/blob/master/docs/api.md#examples
+export default connect(mapStateToProps, actions)(HelloWorld);

data/lib/generators/react_on_rails/templates/redux/base/client/app/bundles/HelloWorld/reducers/helloWorldReducer.jsx

@@ -1,19 +1,15 @@
-import Immutable from 'immutable';
-
-import actionTypes from '../constants/helloWorldConstants';
-
-export const $$initialState = Immutable.fromJS({
-  name: '', // this is the default state that would be used if one were not passed into the store
-});
-
-export default function helloWorldReducer($$state = $$initialState, action) {
-  const { type, name } = action;
-
-  switch (type) {
-    case actionTypes.HELLO_WORLD_NAME_UPDATE:
-      return $$state.set('name', name);
+import { combineReducers } from 'redux';
+import { HELLO_WORLD_NAME_UPDATE } from '../constants/helloWorldConstants';
 
+const name = (state = '', action) => {
+  switch (action.type) {
+    case HELLO_WORLD_NAME_UPDATE:
+      return action.text;
     default:
-      return $$state;
+      return state;
   }
-}
+};
+
+const helloWorldReducer = combineReducers({ name });
+
+export default helloWorldReducer;