JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
<div data-role="page" id="firstPage">
    <div data-role="header">
        <h1>First page</h1>
    </div>
    <div data-role="content">
        <p>Here is the first page</p>
        <a href="#secondPage">Go to second page</a>
    </div>
    <div data-role="footer" data-position="fixed">
        <h1>fotter</h1>
    </div>
</div>
<!-- Add  data-title -->
<div data-role="page" id="secondPage">
    <div data-role="header">
        <h1>Second page</h1>
    </div>
    <div data-role="content">
        <p>Hello from second page</p>
        <!--data-rel="back"-->
        <a href="#" data-rel="back">Go to first page</a>
    </div>
    <div data-role="footer" data-position="fixed">
        <h1>fotter</h1>
    </div>
</div>