react-hot-loader - npm Package Compare versions

Comparing version 0.1.6 to 0.1.7

hot.js

@@ -76,2 +76,16 @@ 'use strict';
 
+  function forceUpdateTree(instance) {
+    if (instance.forceUpdate) {
+      instance.forceUpdate();
+    }
+
+    if (instance._renderedComponent) {
+      forceUpdateTree(instance._renderedComponent);
+    }
+
+    for (var key in instance._renderedChildren) {
+      forceUpdateTree(instance._renderedChildren[key]);
+    }
+  }
+
   var Component;
@@ -89,3 +103,3 @@ return {
         instance._bindAutoBindMethods();
-        instance.forceUpdate();
+        forceUpdateTree(instance);
       });
@@ -92,0 +106,0 @@

package.json

 {
   "name": "react-hot-loader",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "Webpack loader that enables live-editing React components without unmounting or losing their state",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

 # react-hot-loader
 
 This is a **highly experimental** proof of concept of [React live code editing](http://www.youtube.com/watch?v=pw4fKkyPPg8).  
-It marries React with Webpack [Hot Module Replacement](http://webpack.github.io/docs/hot-module-replacement.html) by monkeypatching `React.createClass`.  
 
+It marries React with Webpack [Hot Module Replacement](http://webpack.github.io/docs/hot-module-replacement.html) by wrapping `React.createClass` calls in a custom function that updates components' prototypes when the changes come in.  
+
 Inspired by [react-proxy-loader](https://github.com/webpack/react-proxy-loader).
 
+![](http://f.cl.ly/items/0d0P3u2T0f2O163K3m1B/2014-07-14%2014_09_02.gif)
+
+![](http://f.cl.ly/items/3T3u3N1d2U30380Z2k2D/2014-07-14%2014_05_49.gif)
+
 ## Installation
@@ -49,2 +54,3 @@
 Currently, it keeps a list of mounted instances and updates their prototypes when an update comes in.  
+
 A better approach may be to make monkeypatch `createClass` to return a proxy object [as suggested by Pete Hunt](https://github.com/webpack/webpack/issues/341#issuecomment-48372300):
@@ -51,0 +57,0 @@

No alert changes

Improved metrics

Total package byte prevSize

8487

7.04%

Lines of code

195

5.98%

Number of lines in readme file

62

10.71%

No dependency changes