JSFiddle - React, Tailwind, and code Playground

HTML

<section class="box explore">
	<div id="ProductContainer"  class="row">
			<div id="1232132" data-name="B" data-category="Category_A" class="explore-cell">
			 <h>B</h>
			 <p>Category_A</p>
			</div>
		<div id="123" data-name="A" data-category="Category_A" class="explore-cell">
			<h>A</h>
			<p>Category_A</p>
		</div>
		<div id="1232152351" data-name="C" data-category="Category_A" class="explore-cell">
			<h>C</h>
			<p>Category_A</p>
		</div>
		<div id="12342341" data-name="E" data-category="Category_B" class="explore-cell">
			<h>E</h>
			<p>Category_B</p>
		</div>
		<div id="1325321" data-name="D" data-category="Category_B" class="explore-cell">
			<h>D</h>
			<p>Category_B</p>
		</div>
	   
	</div>
</section>

JavaScript

$('div').sort(function (a, b) {

      var contentA = $(a).attr('data-name');
      var contentB = $(b).attr('data-name');
      return (contentA < contentB) ? -1 : (contentA > contentB) ? 1 : 0;
   })