---
layout: base
---
<div class="content-container">

  <div class="page-header">
    <h1>Live Demo</h1>
  </div>

  <p>To participate in the demonstration you will need:</p>
  <ul>
    <li>Javascript enabled</li>
    <li>A modern browser</li>
  </ul>
  <p>All examples given are written with babel loaders to support es6 (stage-0) and JSX syntax.</p>

  <h2>Basic Example</h2>
  <div class="demo-basic"></div>
  <code class="script" data-source="{{ site.baseurl }}/basic/forms.js">Loading...</code>
  <code class="script" data-source="{{ site.baseurl }}/basic/components.js">Loading...</code>

  <h2>Nested Example</h2>
  <div class="demo-nested"></div>
  <code class="script" data-source="{{ site.baseurl }}/nested/forms.js">Loading...</code>
  <code class="script" data-source="{{ site.baseurl }}/nested/components.js">Loading...</code>

  <h2>Array Example</h2>
  <div class="demo-array"></div>
  <code class="script" data-source="{{ site.baseurl }}/array/forms.js">Loading...</code>
  <code class="script" data-source="{{ site.baseurl }}/array/components.js">Loading...</code>

</div>