JSFiddle - React, Tailwind, and code Playground

by Alexander

HTML

<div id="d1">
Hello!
</div>

JavaScript

/**
Метапрограммирование — вид программирования, связанный с созданием программ, которые порождают другие программы как результат своей работы (в частности, на стадии компиляции их исходного кода), либо программ, которые меняют себя во время выполнения (самомодифицирующийся код)

DSL:
	Domain-specific language
	Data Structure Language
*/
console.clear();

console.log(
	ru `Hello world!`
);


let i = int `10.46` + float `02.46`;
console.log(i);

let obj = create `someObject`;
console.log(obj);


let u = url `path/to/any/file`;
console.log(u);

let file = include `some/file`;

let ReactElement = jsx `
	<div>
  	<h1>Lorem ipsum</h1>
  </div>
`;

//let s = get `some` from `any` where `a = ${a}`;
























function url(str) {
	return `http://tutu.ru/${ str.join('') }.html`;
}


function create() {
	return Object.create(null);
}

function jsx(){}

function include() {}

function int(str) { return parseInt(str.join(''), 10) }
function float(str) { return parseFloat(str.join('')) }

function ru(){ return 'Привет, мир!' }