Implement unobtrusive rendering for React components.

Author: John Lynch

lib/react/rails/view_helper.rb

@@ -35,6 +35,10 @@ def react_component(name, args = {}, options = {})
         result << react_javascript_tag(name, html_options[:id], args)
       end
 
+      def react_component_ujs(name, args = {}, options = {})
+        content_tag(:div, nil, {:data => {:react => name}.merge(args)})
+      end
+
       private
       # Returns +[html_tag, html_options]+.
       def react_parse_options(options)

vendor/assets/javascripts/react_ujs.js

@@ -0,0 +1,28 @@
+(function($, undefined) {
+
+/**
+ * Unobtrusive scripting adapter for React
+ *
+ * Requires jQuery 1.7.0 or later.
+ *
+ * Released under the MIT license
+ *
+ */
+
+  // Cut down on the number of issues from people inadvertently including react_ujs twice
+  // by detecting and raising an error when it happens.
+  if ( $.react !== undefined ) {
+    $.error('react-ujs has already been loaded!');
+  }
+
+  // Turbolinks uses page:load
+  $(document).on('ready page:load', function () {
+    $("[data-react]").each(function() {
+      var args = $(this).data();
+      var componentName = args['react'];
+      delete args['react'];
+      React.renderComponent(window[componentName](args), this)
+    })
+  })
+
+})( jQuery );