JSFiddle - React, Tailwind, and code Playground

by amindunited

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.13.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.13.0/umd/react-dom.development.min.js"></script>
<div id="root">Loading...</div>

Babel + JSX

// const { react } = React;
import React from 'react';
import ReactDom from 'react-dom';

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("HelloWorld",["react"],t):"object"==typeof exports?exports.HelloWorld=t(require("react")):e.HelloWorld=t(e.React)}(window,(function(e){return function(e){var t={};function r(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=t,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/",r(r.s=1)}([function(t,r){t.exports=e},function(e,t,r){"use strict";r.r(t);var o=r(0),n=r.n(o);console.log("HelloWorld?");var l=()=>{return n.a.createElement(n.a.Fragment,null,n.a.createElement("h1",null,"Hello World ",0),n.a.createElement("button",{onClick:()=>console.log("click")},"clicky!"))};console.log("index.ts",l);t.default=l}])}));

/* import HelloWorld from 'HelloWorld'; */
console.log('...', window);
/* setTimeout(() => { */
	/* console.log('window', window, window.ReactDom); */
	ReactDOM.render(<HelloWorld/>, document.querySelector('#root'));
/* }, 2000) */