JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://europeanbob.co.uk/madz/js/jquery.isotope.min.js"></script>
<ul>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
	<li class="item"></li>
</ul>

CSS

body {
  padding: 40px;
}

ul {
  width: 100%;
}

.item {
  background: #000;
  width: 100px;
  height: 100px;
  margin: 0 20px 20px 0;
}

.item:nth-child(2n+2) {
  height: 150px;
}

.item:nth-child(2n+3) {
  width: 100px;
  height: 200px;
}

JavaScript

$('ul').isotope({
		  itemSelector : '.item',
		  animationEngine: 'jquery',
		  animationOptions: {
			  duration: 300
		  }
		});

$('.item').on('click',function(){
		$(this).remove();
		$('ul').isotope( 'reLayout' );
	});