Using Angular Elements to create reusable web components seems like it should be straight forward. In practice, there are some details that you need to be aware of, especially when it comes to building the component with support for multiple browsers. You'll also want to avoid including dependencies more than once if you have multiple web components on the same page. This article will walk you through all of these steps and more.
Every once in a while, it's good to review the capabilities of the tools that you use each day. Chrome DevTools have some amazing capabilities when it comes to CSS in our application that you may not be aware of. Here's a great article that shows you how to use the DevTools to troubleshoot CSS problems and remove unused CSS from your application.
ContentChildren is a parameter decorator that is used to fetch the QueryList of elements or directives from the content DOM. The QueryList is updated whenever the child element/component is added or removed.
Here's a really quick walk through of how you can use Angular's ability to access the child DOM elements in your components.
Manfred has established himself as an innovator and leader in the Enterprise Application space. From his work with Micro Frontends to his advocacy of monorepos in some situations, his presentations are always packed full of meaningful content. Check out his book on Enterprise Angular patterns on leanpub that he's listing for free.
Bazel has been lingering in alpha and beta for a while now. Well, version 1.0 is finally available. Check out the features that landed in version 1 and see if you can start using Bazel today.