Community Picks·4yBuilding a Micro-frontend Framework
Micro-frontend architecture is a design approach in which a front-end app is decomposed into individual, semi-independent “microapps’ working loosely together. The idea is that the individual microapps within a macroapp (as we shall call the composed, top-level app) are analogous to the various iframes. There is still a long laundry list of issues to be aware of when using iframe.
Community Picks·4yA Complete Introduction to Web Components in 2022
Frameworks allow developers to create web components where the content, styling, and functionality can be defined in a single JavaScript file. Standard Web Components can add browser functionality, which is difficult to achieve in. The class requires a method named connectedCallback() which is invoked when the element is added to a document: class HelloWorld extends HTMLElement.
asayer·4yAn Introduction to Native Web Components
Native Web Components provide a way to create encapsulated, single-responsibility, custom functionality that can be used with or without a framework. The concepts were first introduced by Alex Russell at the Fronteers Conference in 2011. The browser can call one of six handler methods depending on the current state of the web component. It typically runs clean-up operations such as aborting in-flight Fetch()requests.
CSS-Tricks·4yUsing Web Components With Next (or Any SSR Framework) | CSS-Tricks
Web Components with Next (or Any SSR Framework) can be used with any JavaScript framework. The problem is the lack of support for server-side rendering (SSR) There is something called the Declarative Shadow DOM (DSD) in the works, but current support for it is pretty minimal. The code to make Web Components do what they need to do won't actually run until hydration occurs. We’ll look at running that code.
Community Picks·4yLet’s talk about web components
Web components are a collection of technologies that work together to deliver reusable UI components to the web. Web components handle the presentational aspects of a component, but are intentionally dumb. The overwhelming majority of web components don’t need to be web components.