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

Trunk Based Development

Trunk Based Development

Trunk Based Development is the best way to work with teams to build software. TBD means teams work on a single main branch (like the trunk of a tree), and changes are integrated back into that main branch as soon as possible.

Ryan Bethel’s avatar

Ryan Bethel
6 mins to read

Shadow DOM: Not by Default

Shadow DOM: Not by Default

Why doesn't Enhance advocate for diving straight into the shadow DOM and how could you even write web components without using the shadow DOM?

Simon MacDonald’s avatar

Simon MacDonald
7 mins to read

Animating Enhance Movies

Animating Enhance Movies

In this article, we’ll walk through how the animations in our Enhance Movies app are designed and built, with the hopes of giving those new to CSS animations a little inspiration.

Cole Peters’s avatar

Cole Peters
5 mins to read

Introducing Enhance Movies

Introducing Enhance Movies

We are excited to present our non-trivial learning application, Enhance Movies, designed to highlight the exceptional web development experience you get from Enhance. With a strong focus on simplicity, performance, progressive enhancement, and offline local development capabilities, this application is set to transform your understanding of what can be done by focusing on the web platform.

Simon MacDonald’s avatar

Simon MacDonald
2 mins to read

TypeScript: YAGNI

TypeScript: YAGNI

TypeScript! What is it good for? I wouldn’t go as far as to say “absolutely nothing” like the song. I’m not trying to start a war here.

Simon MacDonald’s avatar

Simon MacDonald
6 mins to read

Air Quality App with Enhance

Air Quality App with Enhance

Use built-in Enhance features to fetch and cache air quality data from the US EPA to be displayed as HTML custom elements. All super fast!

Taylor Beseda’s avatar

Taylor Beseda
4 mins to read

Progressively Enhancing Components: The Enhance Way

Progressively Enhancing Components: The Enhance Way

When building applications with Enhance, we start with working HTML and then look for ways to progressively enhance the user's enjoyment by using JavaScript.

Simon MacDonald’s avatar

Simon MacDonald
5 mins to read

Managing your Begin tokens

Managing your Begin tokens

Begin now supports token management and issuing personal access tokens

Ryan Block’s avatar

Ryan Block
1 mins to read

Announcing Begin teams

Announcing Begin teams

Begin now supports multiple collaborators for each application with the `begin team` command

Ryan Block’s avatar

Ryan Block
1 mins to read

Building a Design Portfolio with Enhance

Building a Design Portfolio with Enhance

Cole goes on a deep dive through our new design portfolio example, and demonstrates how a little HTML and CSS can go a very long way in 2023.

Cole Peters’s avatar

Cole Peters
15 mins to read