gistfile1.js

getZones: function(temp) {
	return temp ? this.state.tempZones : this.state.zones;
},
componentDidMount: function() {
	this.setState({
		zones: this.getFeatureData('zones'),
		tempZones: this.getFeatureData('zones')
	});
},
addZone: function() {
	var zones = this.getZones(true);
	var zone = this.getDefaultZone();

	zones.push(zone);

	console.log('before', this.state);

	this.setState({
		tempZones: zones,
		tempZone: zones.length - 1
	});

	console.log('after', this.state);
},

// before Object {settings: true, zone: 0, zones: Array[2], specialDays: Array[0], tempZone: 0…}
// after Object {settings: true, zone: 0, zones: Array[2], specialDays: Array[0], tempZone: 0…}
 

gistfile2.txt

<div id="container">
  <div class="toolbox" data-reactid=".0">
    <h1 data-reactid=".0.0">
      <span data-reactid=".0.0.0">
        Number: 
      </span>
      <span data-reactid=".0.0.1">
        01132224151
      </span>
    </h1>
    <div class="blocks" data-reactid=".0.1">
      <div class="feature feature_existing feature_type_menu" data-reactid=".0.1.0">
        <img src="/img/toolbox/block/menu_on.gif" alt="menu" class="block_image" data-reactid=".0.1.0.0">
        <div class="menu_buttons" data-reactid=".0.1.0.1">
          <div class="menu_option menu_option_enabled menu_option_on" data-reactid=".0.1.0.1.0">
            <img src="/img/toolbox/menu/1-green.gif" alt="1" data-reactid=".0.1.0.1.0.0">
          </div>
          <div class="menu_option menu_option_enabled menu_option_on" data-reactid=".0.1.0.1.1">
            <img src="/img/toolbox/menu/2-green.gif" alt="2" data-reactid=".0.1.0.1.1.0">
          </div>
          <div class="menu_option menu_option_enabled menu_option_on" data-reactid=".0.1.0.1.2">
            <img src="/img/toolbox/menu/3-green.gif" alt="3" data-reactid=".0.1.0.1.2.0">
          </div>
          <div class="menu_option menu_option_enabled menu_option_off" data-reactid=".0.1.0.1.3">
            <img src="/img/toolbox/menu/4-off.gif" alt="4" data-reactid=".0.1.0.1.3.0">
          </div>
          <div class="menu_option menu_option_enabled menu_option_off" data-reactid=".0.1.0.1.4">
            <img src="/img/toolbox/menu/5-off.gif" alt="5" data-reactid=".0.1.0.1.4.0">
          </div>
          <div class="menu_option menu_option_enabled menu_option_off" data-reactid=".0.1.0.1.5">
            <img src="/img/toolbox/menu/6-off.gif" alt="6" data-reactid=".0.1.0.1.5.0">
          </div>
          <div class="menu_option menu_option_enabled menu_option_off" data-reactid=".0.1.0.1.6">
            <img src="/img/toolbox/menu/7-off.gif" alt="7" data-reactid=".0.1.0.1.6.0">
          </div>
          <div class="menu_option menu_option_enabled menu_option_off" data-reactid=".0.1.0.1.7">
            <img src="/img/toolbox/menu/8-off.gif" alt="8" data-reactid=".0.1.0.1.7.0">
          </div>
          <div class="menu_option menu_option_enabled menu_option_off" data-reactid=".0.1.0.1.8">
            <img src="/img/toolbox/menu/9-off.gif" alt="9" data-reactid=".0.1.0.1.8.0">
          </div>
          <div class="menu_option menu_option_enabled menu_option_off" data-reactid=".0.1.0.1.9">
            <img src="/img/toolbox/menu/0-off.gif" alt="0" data-reactid=".0.1.0.1.9.0">
          </div>
          <div class="menu_option menu_option_enabled menu_option_off" data-reactid=".0.1.0.1.a">
            <img src="/img/toolbox/menu/Star-off.gif" alt="*" data-reactid=".0.1.0.1.a.0">
          </div>
          <div class="menu_option menu_option_enabled menu_option_off" data-reactid=".0.1.0.1.b">
            <img src="/img/toolbox/menu/Hash-off.gif" alt="#" data-reactid=".0.1.0.1.b.0">
          </div>
        </div>
        <div class="target_wrapper" data-reactid=".0.1.0.2">
          <img src="/img/toolbox/menu/2-underbar.gif" class="pipe" data-reactid=".0.1.0.2.0">
          <div class="feature feature_existing feature_type_timezones" data-reactid=".0.1.0.2.1">
            <img src="/img/toolbox/block/timezones_on.gif" alt="timezones" class="block_image" data-reactid=".0.1.0.2.1.0">
            <div class="timezones_nav_block" data-reactid=".0.1.0.2.1.1">
              <a class="timezones_nav timezones_nav_block_next" data-reactid=".0.1.0.2.1.1.1">
              </a>
              <span class="timezones_nav_block_label" data-reactid=".0.1.0.2.1.1.2">
                Zone 1 of 2
              </span>
            </div>
            <div class="target_wrapper" data-reactid=".0.1.0.2.1.2">
              <img src="/img/toolbox/pipe.gif" class="pipe" data-reactid=".0.1.0.2.1.2.0">
              <div class="feature feature_existing feature_type_announcement" data-reactid=".0.1.0.2.1.2.1">
                <img src="/img/toolbox/block/announcement_on.gif" alt="announcement" class="block_image" data-reactid=".0.1.0.2.1.2.1.0">
                <div class="target_wrapper" data-reactid=".0.1.0.2.1.2.1.2">
                  <img src="/img/toolbox/pipe.gif" class="pipe" data-reactid=".0.1.0.2.1.2.1.2.0">
                  <div class="feature feature_holding" data-reactid=".0.1.0.2.1.2.1.2.1">
                    <img src="/img/toolbox/block/holding_on.gif" alt="Click to add technology" class="block_image" data-reactid=".0.1.0.2.1.2.1.2.1.0">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="sidebar" data-reactid=".0.2">
      <div class="panel panel-manage" data-reactid=".0.2.0">
        <h3 data-reactid=".0.2.0.0">
          Manage Plan
        </h3>
        <p data-reactid=".0.2.0.1">
          <input type="button" value="Save Plan" disabled="" data-reactid=".0.2.0.1.0">
        </p>
        <p data-reactid=".0.2.0.2">
          <input type="button" value="Manage Plan" data-reactid=".0.2.0.2.0">
        </p>
        <p data-reactid=".0.2.0.3">
          <input type="button" value="Manage Audio" data-reactid=".0.2.0.3.0">
        </p>
      </div>
      <div class="panel panel-summary" data-reactid=".0.2.1">
        <h3 data-reactid=".0.2.1.0">
          Summary
        </h3>
        <p data-reactid=".0.2.1.1">
          <span data-reactid=".0.2.1.1.0">
            Options: 
          </span>
          <span data-reactid=".0.2.1.1.1">
            intro, whisper, midcalltransfer, simultaneous, announce, ratio, missedalert, divertmulti, divertmultiplus, menu, menumulti, submenu, timeofday, timeofdaymulti, timeofdayplus, queue, whisperaudio, whisperaudioaccept, callrecord, callrecordextended, specialdays, callbarring, viprouting, password, rota, calendar, specialdaysplus
          </span>
        </p>
        <p data-reactid=".0.2.1.2">
          <span data-reactid=".0.2.1.2.0">
            Routing: 
          </span>
          <span data-reactid=".0.2.1.2.1">
            landline, mobile, international
          </span>
        </p>
        <p data-reactid=".0.2.1.3">
          <span data-reactid=".0.2.1.3.0">
            Speed Dials: 
          </span>
          <span data-reactid=".0.2.1.3.1">
            1 enabled
          </span>
        </p>
        <p data-reactid=".0.2.1.4">
          <span data-reactid=".0.2.1.4.0">
            Missed Call Alerts: 
          </span>
          <span data-reactid=".0.2.1.4.1">
            1 enabled
          </span>
        </p>
        <p data-reactid=".0.2.1.5">
          <span data-reactid=".0.2.1.5.0">
            Menus Used: 
          </span>
          <span data-reactid=".0.2.1.5.1">
            1
          </span>
          <span data-reactid=".0.2.1.5.2">
            / 
          </span>
          <span data-reactid=".0.2.1.5.3">
            99
          </span>
        </p>
        <p data-reactid=".0.2.1.6">
          <span data-reactid=".0.2.1.6.0">
            Timezones Used: 
          </span>
          <span data-reactid=".0.2.1.6.1">
            1
          </span>
          <span data-reactid=".0.2.1.6.2">
            / 
          </span>
          <span data-reactid=".0.2.1.6.3">
            10
          </span>
        </p>
      </div>
    </div>
  </div>
</div>

gistfile3.html

<div class="feature feature_existing feature_type_announcement" data-reactid=".5" data-react-checksum="1227996489">
  <img src="&#x2f;img&#x2f;toolbox&#x2f;block&#x2f;announcement_on.gif" alt="announcement" class="block_image" data-reactid=".5.0">
  <div class="target_wrapper" data-reactid=".5.2">
    <img src="&#x2f;img&#x2f;toolbox&#x2f;pipe.gif" class="pipe" data-reactid=".5.2.0">
    <div class="feature feature_holding" data-reactid=".5.2.1">
      <img src="&#x2f;img&#x2f;toolbox&#x2f;block&#x2f;holding_on.gif" alt="Click to add technology" class="block_image" data-reactid=".5.2.1.0">
    </div>
  </div>
</div>