react_ujs - npm Package Compare versions

Comparing version 2.4.2 to 2.4.3

CHANGELOG.md

 # react-rails
 
+#### Breaking Changes
+
+#### New Features
+
+#### Deprecation
+
+#### Bug Fixes
+
+## 2.4.3
+#### Bug Fixes
+- Call ReactDOM.render() when react_component :prerender option is falsy, instead of ReactDOM.hydrate() #844, #842
+
 ## 2.4.2
@@ -4,0 +16,0 @@ #### Bug Fixes

package.json

 {
   "name": "react_ujs",
-  "version": "2.4.2",
+  "version": "2.4.3",
   "description": "Rails UJS for the react-rails gem",
@@ -17,4 +17,4 @@ "main": "react_ujs/index.js",
   "dependencies": {
-    "react_ujs": "^2.4.1"
+    "react_ujs": "^2.4.2"
   }
 }

react_ujs/dist/react_ujs.js

@@ -243,2 +243,5 @@ (function webpackUniversalModuleDefinition(root, factory) {
 
+  // This attribute holds which method to use between: ReactDOM.hydrate, ReactDOM.render
+  RENDER_ATTR: 'data-hydrate',
+
   // If jQuery is detected, save a reference to it for event handlers
@@ -311,2 +314,3 @@ jQuery: (typeof window !== 'undefined') && (typeof window.jQuery !== 'undefined') && window.jQuery,
       var props = propsJson && JSON.parse(propsJson);
+      var hydrate = node.getAttribute(ujs.RENDER_ATTR);
 
@@ -320,3 +324,3 @@ if (!constructor) {
       } else {
-        if (typeof ReactDOM.hydrate === "function") {
+        if (hydrate && typeof ReactDOM.hydrate === "function") {
           ReactDOM.hydrate(React.createElement(constructor, props), node);
@@ -323,0 +327,0 @@ } else {

react_ujs/index.js

@@ -18,2 +18,5 @@ var React = require("react")
 
+  // This attribute holds which method to use between: ReactDOM.hydrate, ReactDOM.render
+  RENDER_ATTR: 'data-hydrate',
+
   // If jQuery is detected, save a reference to it for event handlers
@@ -86,2 +89,3 @@ jQuery: (typeof window !== 'undefined') && (typeof window.jQuery !== 'undefined') && window.jQuery,
       var props = propsJson && JSON.parse(propsJson);
+      var hydrate = node.getAttribute(ujs.RENDER_ATTR);
 
@@ -95,3 +99,3 @@ if (!constructor) {
       } else {
-        if (typeof ReactDOM.hydrate === "function") {
+        if (hydrate && typeof ReactDOM.hydrate === "function") {
           ReactDOM.hydrate(React.createElement(constructor, props), node);
@@ -98,0 +102,0 @@ } else {

No alert changes

Improved metrics

Total package byte prevSize

74136

increased by0.8%

Lines of code

808

increased by0.75%

Dependency changes

• Updatedreact_ujs@^2.4.2