Micro Frontends are a design pattern that allow teams a way to break down monolithic applications into smaller independent modules, improving development speed, autonomy, and maintainability.
In this two-part article, we’ll explore the design and implementation of an MFE architecture that leverages Lit-Element for creating custom web components.
Read more
Custom elements offer many advantages, but they have a significant downside: versioning. Since custom elements are defined globally, if multiple micro frontends […]
Read more
Maintaining a strict Content Security Policy can be quite challenging. Ensuring a robust linting policy is in place can help keep your codebase free from any potential violations. This article will demonstrate how to do this.
Read more
Micro Frontends are a design pattern that allow teams a way to break down monolithic applications into smaller independent modules, improving development speed, autonomy, and maintainability.
In this second part of a two-part series, we will dive deeper into the code behind this Micro Frontend architecture.
Read more
Content Security Policy (CSP) stands as an essential element in bolstering the security of web applications. In this article, I will demonstrate different approaches for harnessing ESLint to proactively identify common programming patterns that can lead to CSP breaches.
Read more
Content Security Policy (CSP) is a crucial component for securing web applications. One common practice is to disallow the use of the ‘setAttribute(“style”, …)’ command, which can introduce security vulnerabilities.
In this article, I’ll guide you through the process of creating an Eslint rule to detect and prevent it’s use.
Read more
The article will demonstrate a technique to separate lit-html code, typically housed within the render method, into an external .html file.
Read more
This code defines a Rollup plugin called rollup-plugin-concat to concatenate multiple files into a single output file. It has been built into […]
Read more
This article illustrates the process of locating all focusable elements, even if they are within nested Shadow DOM. Additionally, it provides guidance on filtering specifically for elements that are both focusable and visible.
Read more
Using named anchors to navigate to specific sections of a page is a simple concept, but it can become more complicated when dealing with shadow DOM. Fortunately, this article presents a solution to this problem.
Read more