JSFiddle - React, Tailwind, and code Playground

by Dhiraj Sharma

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-router/0.13.3/ReactRouter.min.js"></script>
<div id="container"></div>


<script type="text/jsx">
     var React=window.React,
    ReactRouter= window.ReactRouter;
    var Link = ReactRouter.Link,
        Route = ReactRouter.Route,
        RouteHandler = ReactRouter.RouteHandler;

    /**
     * List of Components
     * */
    var Parent = React.createClass({

        render: function () {
            return (
                <div>
                    <h2>This is the World.</h2>
                    <ul>
                        <li>
                            <Link to='india'>India </Link>
                        </li>
                        <li>
                            <Link to='usa'>USA</Link>
                        </li>
                    </ul>
                    <RouteHandler/>
                </div>
            );
        }
    });


    var India = React.createClass({
        contextTypes: {
            router: React.PropTypes.func
        },
        render: function () {
            return (
                <div>India is a vast South Asian country with diverse terrain – from Himalayan peaks to Indian Ocean coastline – and history reaching back 5 millennia. In the north, Mughal Empire landmarks include Delhi’s Red Fort complex, massive Jama Masjid mosque and Agra’s iconic Taj Mahal mausoleum. Pilgrims bathe in the Ganges in Varanasi, and Rishikesh is a yoga center and base for Himalayan trekking.
                    <RouteHandler/>
                </div>
            );
        }
    });

    var USA = React.createClass({
        render: function () {
            return (
                <div>
                The Americas, or America, also known as the Western Hemisphere and the New World, are the combined...