JSFiddle - React, Tailwind, and code Playground

by Vladymyr Shevchuk

HTML

<div id="root"></div>

JavaScript

class Component {
	constructor (config) {
  	const {selector} = config;
    const $root = document.querySelector(selector);
		console.error($root);    
    this.$root = $root;
  }

	creteHtml () {
  	const template = `<div class="component">Super component</div>`;
    this.$element = document.createDocumentFragment();
    this.$element.innerHTML = template;
    return this.$element;
  }
  
	render () {
  	this.$root.appendChild(this.creteHtml());
  }
}

const component = new Component({selector: '#root'});

component.render()