Bulletproof web component loading
SMRTR summary
Web components can face loading challenges due to their self-instantiating nature. If JavaScript is loaded in the <head>, components may execute before necessary elements are available, causing errors. To ensure reliable functionality, developers can use a technique that checks if the DOM is ready before initializing components. This approach, implemented in the Kelp library, uses an .init() method and the connectedCallback() to wait for DOMContentLoaded if needed, making web components more resilient across various loading scenarios.
SMRTR provides this summary for quick context. The original article belongs to Go Make Things.
Read the original article