JSFiddle - React, Tailwind, and code Playground

by Bruce Anderson

HTML

<template id="itemTemplate">
  <li></li>
</template>
<trans-render view-model='["winter", "spring", "summer", "fall"]'><script nomodule>
  ({
    ul: ({ctx, target}) => ctx.repeat(itemTemplate, ctx, ctx.viewModel, target, {
      li: ({item}) => item
    })
  })
  </script></trans-render>
<div>
  <ul></ul>
</div>
<script type="module" src="https://cdn.pika.dev/trans-render"></script>