JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fb-root"></div>
<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-type="button_count"></div><br><br>
<a class="twitter-share-button" data-url="https://dev.twitter.com">Tweet</a><br><br>
<div class="g-plus" data-href="https://developers.google.com/+/web/share/" data-action="share" data-annotation="bubble">g-plus</div>
<br><br>
<div style="border:solid 1px #666;width:200px;pading:4px;">???</div>

JavaScript

(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=1531785833711402&version=v2.0";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");

(function() {var po = document.createElement('script'); po.type ='text/javascript'; po.async = true;po.src = 'https://apis.google.com/js/platform.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);})();