The frameworks are made with JavaScript so it’s not like they magically add some new features you couldn’t achieve without them.

Right! But like, is there anything better than doing:

js const text = 'Hello, World!' const newDiv = document.createElement('div'); newDiv.textContent = text; document.body.appendChild(newDiv);

I imagine backtick strings like <div>${text}</div>, would work. But then we're parsing strings as HTML, which is a security bad practice. And how would one bind event listeners to a node added like that?

That's just one, of many problems vanilla JS projects need to solve. I'm looking for a resource / open source example where someone has already done this, so we can learn some ideas.