JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
    <head> 
        <title>I</title>
        <meta charset='utf-8'> 
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="HandheldFriendly" content="True">
        <meta name="MobileOptimized" content="320"> 
                                
        <!-- Home screen7 icon  Mathias Bynens mathiasbynens.be/notes/touch-icons -->
        <!-- For iPhone 4 with high-resolution Retina display: -->
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon.png">
        <!-- For first-generation iPad: -->
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon.png">
        <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
        <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
        <!-- For nokia devices and desktop browsers : -->
        <link rel="shortcut icon" href="favicon.ico" />
                                            
        <!-- Mobile IE allows us to activate ClearType technology for smoothing fonts for easy reading -->
        <meta http-equiv="cleartype" content="on">
                                                
        <!-- jQuery Mobile CSS bits -->
        <link rel="stylesheet" href="http://indexapart.com/css/jquery.mobile-1.1.1.min.css" />
                                                
        <!-- Custom css -->
        <link rel="stylesheet" href="http://indexapart.com/css/midibook.css" />        
                                            
        <!-- Javascript includes -->
        <script src="http://indexapart.com/js/jquery-1.7.2.min.js"></script>
        <script src="http://indexapart.com/js/ios-orientationchange-fix.min.js"></script>
        <script...