Components are the building blocks of modern web applications. What best practices should you follow when building your own components so they can stand the test of time?
Custom Elements #
Custom elements give developers the ability to extend HTML and create their own tags. Because custom elements are standards based they benefit from the Web's built-in component model. The result is more modular code that can be reused in many different contexts.
Best Practices #
Because custom elements and shadow DOM are low-level primitives, it's not always clear how best to combine them to create a component that is robust and works well in many different environments. While you really can do just about anything with these APIs, here are a few best practices to help ensure your components work well anywhere.