JSFiddle - React, Tailwind, and code Playground

by jahongirsobirov

HTML

<script src='https://signel.onrender.com/signel.js'></script>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<h2>Live Preview</h2>
<input id="live" />
<p>Preview: <span id="preview"></span></p>

JavaScript

const live = state({
  text: ''
})

// jQuery event → update Signel state
$('#live').on('input', function () {
  live.text = $(this).val()
})

// Signel render → update DOM using jQuery
render(() => {
  $('#preview').text(live.text)
})