Island Architecture with Web Components

Island Architecture with Web Components

Learn about island architecture with web components and how it fits seamlessly with Enhance's philosophy.

Simon MacDonald’s avatar

Simon MacDonald
4 mins to read

WebAuthn: Enhancing Security with Minimal Effort

WebAuthn: Enhancing Security with Minimal Effort

WebAuthn offers a passwordless approach to security that's both robust and user-friendly. It's already built in to all major browsers and implementation isn't a ton of work - especially if you use Architect.

Taylor Beseda’s avatar

Taylor Beseda
5 mins to read

OS Selector for Documentation Sites

OS Selector for Documentation Sites

Let's build a component that allows users to select their preferred operating system while viewing documentation.

Simon MacDonald’s avatar

Simon MacDonald
8 mins to read

Component Communication in Enhance

Component Communication in Enhance

Enhance makes it easy to build applications composed of web components. Each component encapsulates its own UI and functionality. However, under some circumstances you may need to communicate between components to share data or react to changes elsewhere on the page.

Simon MacDonald’s avatar

Simon MacDonald
8 mins to read

JS Party: SSR Web Components for All

JS Party: SSR Web Components for All

Brian recently joined Jerod Santo on the Changelog's JS Party podcast to talk about how the Enhance team is bringing server side rendered web components to everyone. With Enhance WASM, you author components in friendly, standards based syntax and reuse them across multiple languages, frameworks & servers.

Simon MacDonald’s avatar

Simon MacDonald
1 mins to read

So We Created a New AWS SDK

So We Created a New AWS SDK

What if the AWS SDK was really fast? What if it had a much simpler interface, and great error handling? Or built-in debugging output? What if it had its own API for integrating with your unit tests? What if its docs were, like, ok? And what if you could build your own custom plugins?

Simon MacDonald’s avatar

Simon MacDonald
1 mins to read

Introducing the Enhance TypeScript Starter

Introducing the Enhance TypeScript Starter

We know you like TypeScript. We’ve seen how often you search for TypeScript on the Enhance documentation site. We’ve heard from users on our Discord that they want a way to work with TypeScript in their Enhance projects.

Simon MacDonald’s avatar

Simon MacDonald
3 mins to read

Portable Server Rendered Web Components with Enhance SSR

Portable Server Rendered Web Components with Enhance SSR

Developers want to build sites with custom components, companies want to reuse those components on all their sites, users want those sites to be fast, and everyone wants them to be stable.

Ryan Bethel’s avatar

Ryan Bethel
11 mins to read

Happy JS Naked Day

Happy JS Naked Day

We are excited to participate in the first annual JS Naked Day.

Simon MacDonald’s avatar

Simon MacDonald
1 mins to read

Introducing Enhance WASM

Introducing Enhance WASM

Say hello to Enhance WASM — backend agnostic server-side rendering for web components.

Brian LeRoux’s avatar

Brian LeRoux
3 mins to read

Introducing Enhance Image

Introducing Enhance Image

Say hello to Enhance Image — a single file component for Enhance that makes creating and implementing responsive images easy!

Cole Peters’s avatar

Cole Peters
11 mins to read

A React Developers Guide to Writing Enhance Components

A React Developers Guide to Writing Enhance Components

Frequently, we are asked by React developers why patterns they have learned while writing components using JSX do not translate to writing web components. In this post, I'll try to capture some common gotchas that developers coming from React or other JavaScript view frameworks may run into when writing plain vanilla web components.

Simon MacDonald’s avatar

Simon MacDonald
6 mins to read

Sunsetting Begin’s legacy CI service

Sunsetting Begin’s legacy CI service

Learn more about how to migrate to Begin Deploy, AWS, or other services

Brian LeRoux’s avatar

Brian LeRoux
2 mins to read

Refreshing Begin.com with Enhance HTML Web Components

Refreshing Begin.com with Enhance HTML Web Components

A new version of Begin build with HTML web components.

Brian LeRoux’s avatar

Brian LeRoux
2 mins to read

Removing React is just weakness leaving your codebase

Removing React is just weakness leaving your codebase

It’s 2024, and you are about to start a new project. Do you reach for React, a framework you know and love or do you look at one of the other hot new frameworks like Astro, Enhance, 11ty, SvelteKit or gasp, plain vanilla Web Components?

Simon MacDonald’s avatar

Simon MacDonald
8 mins to read

Web Component Therapy

Web Component Therapy

In two recent episodes of the ShopTalk podcast, Dave Rupert and Chris Coyier talked about Web Component Therapy. Chris and Dave have a few concerns about web components that require therapy. I’ve decided to put those concerns on the couch to see if we can talk through some solutions to these issues.

Simon MacDonald’s avatar

Simon MacDonald
6 mins to read

Client side State Management with Enhance

Client side State Management with Enhance

Here is an explanation of our recommended client side reactive state management approach if you need one. The client side API pattern has three main parts: 1. Reactive data store to share state changes throughout the app. 2. A web worker to move slow operations like Fetching off the main (UI) thread. 3. An API helper to wrap up these pieces of code and handle message passing between them.

Ryan Bethel’s avatar

Ryan Bethel
11 mins to read

Head Toward the Light DOM

Head Toward the Light DOM

Recently, there has been a spate of articles that talk about using the Light DOM in Web Components. Everyone knows we are extremely pro-Light DOM web components. Today we are announcing some new client-side Light DOM functionality.

Simon MacDonald’s avatar

Simon MacDonald
6 mins to read

Introducing the Enhance Performance Budget Plugin

Introducing the Enhance Performance Budget Plugin

Taking performance to heart with development time performance budget monitoring.

Simon MacDonald’s avatar

Simon MacDonald
2 mins to read

Introducing Enhance Music

Introducing Enhance Music

Today, the Enhance team is excited to introduce our latest demo app: Enhance Music — a music library and audio player app built with HTML and CSS, and progressively enhanced with a couple pinches of JavaScript. Despite being built as a traditional multipage website, Enhance Music features an audio player that persists across page loads, and some gorgeous interactive UI built entirely with web standards.

Cole Peters’s avatar

Cole Peters
24 mins to read