{% extends '::base.html.twig' %}

{% block body %}
    <div id="example"></div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}

    <script type="text/babel">
        ReactDOM.render(
                <h1>Hello, world!</h1>,
                document.getElementById('example')
        );
    </script>

    {% javascripts
    '@MineSeekerBundle/Resources/public/js/node/react/dist/react.js'
    '@MineSeekerBundle/Resources/public/js/src/build/react-dom.js'%}
    <script type="text/javascript" src="{{ asset_url }}"></script>
    {% endjavascripts %}

    <script src="https://unpkg.com/babel-core@5.8.38/browser.min.js"></script>
{% endblock %}