<script nomodule src=//unpkg.com/snuggsi></script>
<script nomodule src=https://unpkg.com/rxjs/bundles/Rx.min.js></script>
<script nomodule src=rxr.js></script>

<user-list>
  <h1>User list:</h1>
  <input type=button value="Load users">
  <ul>
    <template name=users>
      <li>{name}</li>
    </template>
  </ul>
</user-list>

<script src=reactive-element.js></script>
<script src=state.js></script>
<script nomodule async defer>  

Element `user-list`
(class extends Reactive 
  (HTMLElement, userStore) {
  
  static onclick ()
  { 
    userActions.userClick()
  }

  static onstatechange (state) {
    this.state = state
    this.render()
  }

  get users()
  {
    return this.state.users
  }
})

</script>
<script nomodule src=//unpkg.com/snuggsi></script>
<script nomodule src=https://unpkg.com/rxjs/bundles/Rx.min.js></script>
<script nomodule src=rxr.js></script>

<user-list>
  <h1>User list:</h1>
  <input type=button value="Load users">
  <ul>
    <template name=users>
      <li>{name}</li>
    </template>
  </ul>
</user-list>

<script src=reactive-element.js></script>
<script src=state.js></script>
<script nomodule async defer>

Element `user-list`
(class extends Reactive 
  (HTMLElement, userStore) {
  
  static onclick ()
  { 
    userActions.userClick()
  }

  static onstatechange (state) {
    this.state = state
    this.render()
  }

  get users()
  {
    return this.state.users
  }
})

</script>

<script src=/browser-sync.es></script>


Add browsersync and refactor scripts
Add browsersync and refactor scripts
