Write once, run anywhere
Web components frameworks provide developers with just the right tools to build fast web components. They provide a fast declarative HTML template system, reactive property declarations, a customizable reactive update lifecycle, and easy to use scoped CSS styling. They build on top of standard web components, and make them easier to write. Once you've defined your component, you can use it anywhere you use HTML (including React and Angular applications).
How we can help
Need to deliver interactive content or features that drop into any site, built on any stack? Need to create a design system that works across multiple frameworks? Need to progressively enhance a static site, or build an entire app? Our expert teams can help you build anything with web components.
Google’s Lit
Microsoft’s FAST
Stencil
Lit is a simple library for building fast, lightweight web components. At Lit's core is a boilerplate-killing component base class that provides reactive state, scoped styles, and a declarative template system that's tiny, fast, and expressive. Many of the world's most forward-looking organizations are building with Lit.
FAST is a collection of technologies built on Web Components and modern Web Standards, designed to help you efficiently tackle some of the most common challenges in website and application design and development. Interfaces built with FAST adapt to your design system and can be used with any modern UI Framework.
Stencil is a compiler that generates Web Components. It combines the best concepts of the most popular frameworks into a simple build-time tool. Web Components generated with Stencil can also be used with popular frameworks right out of the box. Stencil is powering cross-functional components at some of the world’s best companies.
Google’s Lit
Lit is a simple library for building fast, lightweight web components. At Lit's core is a boilerplate-killing component base class that provides reactive state, scoped styles, and a declarative template system that's tiny, fast, and expressive. Many of the world's most forward-looking organizations are building with Lit.
Microsoft’s FAST
FAST is a collection of technologies built on Web Components and modern Web Standards, designed to help you efficiently tackle some of the most common challenges in website and application design and development. Interfaces built with FAST adapt to your design system and can be used with any modern UI Framework.
Stencil
Stencil is a compiler that generates Web Components. It combines the best concepts of the most popular frameworks into a simple build-time tool. Web Components generated with Stencil can also be used with popular frameworks right out of the box. Stencil is powering cross-functional components at some of the world’s best companies.
Featured Posts
This article is a continuation of my blog: ‘Everything You Need to Know About Web Components Part 1’ . Check out Part 1 if you'd like to gain some fundamental knowledge of Web Components before diving into Part 2.
The core concept of a Web Component is similar to that of components in frameworks such as React, Angular or Vue. It is a reusable UI building block that encapsulates all the HTML, CSS and any JavaScript-based logic required to render it. The big difference is that instead of relying on a specific JavaScript framework it leverages technologies natively provided by the browser so that your Web Components are framework agnostic. The technologies that Web Components leverage from the browser are features such as Custom Elements, Shadow DOM, ES Modules and HTML Templates.
The idea of micro frontends is all the rage right now. It's been gaining traction over the years, and we’ve noticed more clients asking us about it. Although it’s an incredible solution for a lot of use cases, it can be cumbersome if your organization’s expectations are not properly set. Here are five considerations to help you determine if the micro frontend idea is right for your needs.