Welcome to React Experiments

React State Flow

Open console for this experiment

tip: inspect window.stateStack and window.stateStackNested
you can also call window.updateState(), window.updateStateNested(), window.updateStateForced()


state = {
  "c": 0
}
#0
{ "c": 0 }


state = {
  "deeply": {
    "nested": {
      "c": 0
    }
  }
}
Nested Child: {"c":0}
Nested ChildClass: {"c":0}
Nested PureChildClass: {"c":0}
Nested PureChildClassWithHack: {"c":0}
#0
{ "deeply": { "nested": { "c": 0 } } }


state = {
  "deeply": {
    "nested": {
      "c": 0
    }
  }
}
Nested Child: {"c":0}
Nested ChildClass: {"c":0}
Nested PureChildClass: {"c":0}
Nested PureChildClassWithHack: {"c":0}
#0
{ "deeply": { "nested": { "c": 0 } } }