JSFiddle - React, Tailwind, and code Playground

by navyflower

HTML

<!DOCTYPE html>
    <html lang="en">
    	<head>
    		<meta charset="UTF-8" />
    		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
    		<title>Small Test</title>
    	</head>
    	<body>
    		<div id="container"></div>
    		<script
    			src="https://unpkg.com/react@16/umd/react.development.js"
    			crossorigin
    		></script>
    		<script
    			src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"
    			crossorigin
    		></script>
    		<script>
    			function MyComponent(props) {
    				//const [state, setState] = React.useState("");
    				return React.createElement("span", null, "Hello Component!");
    			}
    
    			const container = document.getElementById("container");
    			ReactDOM.render(MyComponent(), container);
    		</script>
    	</body>
    </html>