JSFiddle - React, Tailwind, and code Playground

by batukhan

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.1/immutable.min.js"></script>
<p>
  Open up Chrome Task manager (shift + esc) and watch the memory usage of this tab. Then
</p>
<button id="makeArray" onclick="makeArray()">
  make array
</button>
<button id="makeImmutable" onclick="makeImmutable()" disabled="disabled">
  make immutable
</button>
<p>
  To try again, close this tab and open it again to flush any cache
</p>

JavaScript

var a = [];
var b;

function makeArray() {
	for (var i = 0; i < 1000000; i++) {
  	a.push({
    	id: i,
      name: 'name' + i,
    });
  }
  document.getElementById('makeImmutable').disabled = false;
};
function makeImmutable() {
	b = Immutable.fromJS(a);
  document.getElementById('makeArray').disabled = true;
  document.getElementById('makeImmutable').disabled = true;
}