Simon MacDonald articles - 39 total
Island Architecture with Web Components
Learn about island architecture with web components and how it fits seamlessly with Enhance's philosophy.
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.
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.
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?
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?
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.
Why you should roll your own auth
Conventional wisdom states that rolling your own authentication system can be a significant undertaking that requires a lot of expertise in security and web development. In most cases, using a third-party authentication service is better than trying to build your own from scratch. However, there are some cases where rolling your own auth may be beneficial.
Supporting Publish Own Site, Syndicate Elsewhere
Our next step towards making it easier for everyone to participate in the open and indie web is the release of @enhance/arc-plugin-posse. This plugin checks your RSS feed for new content and syndicates it to whatever platforms you choose. The plugin is designed to work seamlessly with the Enhance Blog Template, but you can also deploy it as a standalone plugin for existing sites.
Webmention Support in Enhance Blog Template
We want to make it easier for folks to participate in the open and indie web. Our first step towards this goal was the publication of our Enhance Blog Template which enables you to publish your site and own your content. Our next step is adding support for incoming and outgoing webmentions to the blog template.
Making the leap to AWS with Architect
A guest post from Ameya Charnalia detailing his experience moving from Heroku to AWS via Architect.
Adding Comments to the Enhance Blog Template
Recently, we released the Enhance Blog Template, and one thing I felt was missing was the ability to have random people on the internet disagree with me. That’s right. We’re adding a comment section.
Introducing the Enhance Blog Template
One thing we’ve heard from users is that they want more options for getting started using Enhance. Today we are excited to announce our first Enhance application template - Blog.
Enhance API Routes and OpenAPI
Documenting Enhance API's with OpenAPI.
Why does everyone "suddenly" hate Single Page Apps?
My thoughts on the recent backlash against Single Page Applications
Why we Server Side Render Web Components
Our rational on choosing the platform over chasing JavaScript frameworks.
I just wanted to buy pants. How excessive JavaScript is costing you money
A cautionary tale about our over-dependence on client-side JavaScript.
Using Fast Components in an Enhance App
Fast is a library of web components and framework for building web components from Microsoft. With a minor amount of configuration you can use Fast components in your Enhance app.
Converting Lit Components to Enhance
Lit is a fine framework for building web components, but there are a few reasons you may want to convert a Lit component into an Enhance component. Read on to find out how to avoid some common web component pitfalls.
On the twelfth day of Enhancing: Debugging
How to debug your remote applications.
On the eleventh day of Enhancing: Environment Variables
Setting environment variables to enable different behaviors in production.
On the tenth day of Enhancing: Deploying your app
Deploy your Enhance app to the cloud using the Begin CLI.
On the ninth day of Enhancing: Externalizing Scripts
To improve developer experience let's externalize some scripts.
On the eighth day of Enhancing: Progressively Enhanced Forms
Let's progressively enhance our submit button.
On the seventh day of Enhancing: Forms
Getting started storing data is a snap with Enhance and HTML forms.
On the sixth day of Enhancing: Head component
Overriding the head component to provide social links.
On the fifth day of Enhancing: Enhance Styles
Let's apply some styling to our example application.
On the fourth day of Enhancing: Composing elements
Building web components out of smaller components is one of the most powerful features of web components.
On the third day of Enhancing: API routes and the Store
On day three, we’ll introduce API routes and the store.
On the second day of Enhancing: Your first page and component
Picking up from where we left off yesterday. Let’s add a new page to our application.
On the first day of Enhancing: Getting Started
We embark on a 12 day journey to build and deploy your first Enhance app.