The DOM and its shadow
Nowadays, most frontend web developers build their UI with frameworks like React, Angular, Vue, and similar. Maybe many of them almost forgot the way to dynamically create HTML elements by accessing the Document Object Model (DOM). However, DOM is basically global, and like any global variable, it has many drawbacks. In this article you'll learn how to protect your work from accidental or intentional changes from an external environment, to guarantee proper encapsulation. How? Using the Shadow DOM.