simplest view layer in javascript ever (with jquery)

view.js

import $ from 'jquery';

const view = ({
  template,
  state,
  el,
} = {}) => {
  let state = {...state};
  const render = () => {
    const interpolated = template(state);
    $(el).html(interpolated)
  }
  // initial render
  render();
  return {
    set(slice){
      state = Object.assign(state, slice)
      render();
    }
  }
}


// usage 
const v = view({
  template : data => `<div>Hello ${data.time}</div>`,
  state : {
    hello : "world",
    time: +new Date()
  },
  el : '#app'
})

// change time
setInterval(() => {
  v.set({
    time : +new Date()
  })
}, 1500)

This is NOT Optimized and for educational purpose only. Sometimes, we just need to update some values on the screen using jquery. This is an unexpensive, not optimized solution.