Sorting problem

sorting.txt

<div>
	<main id="main1"></main> 0
</div>

div.appendChild(main2);
div.removeChild(main1);

<div>
	<main id="main2"></main> 0
</div>

[
	Mutation<append>
	Mutation<remove>
]

// WRONG

<div>
	<main id="main1"></main>
</div>


// BETTER

div.appendChild(main2); // 1
// PATCH()
div.removeChild(main1); // 0

[
	Mutation<append>
	Mutation<remove>
]

<div>
	<main id="main1"></main>
</div>

// BEST

[
	Mutation<remove>
	Mutation<append>
]

<div>
	<main id="main1"></main>
</div>

// ordering

<div id="app">
  <h1>Hello <span>World</span></h1> // [ADD SPAN]
  <todos-list>
   <ul>
    <li>First</li> // [ADD]
	<li>Second</li> // [RM]
   </ul>
  </todos-list>
</div>

[
	Mutation<append span> 3
	Mutation<append li> 5
	Mutation<remove li> 5
]

[
	Mutation<remove li>
	Mutation<append li>
	Mutation<append span>
]