Progressive Enhancement

2025-12-19

Page - Code

Disclaimer

Sharing own opinions

Might also talk about: Accessibility and Optimistic Updates

Recommended Resources

• Paolo Ricciuti - Progressively enhanced apps with Svelte
• Svelte's Tenets
• Rich Harris – North Star, JSNation US 2024

!(What?)

"0kb of Javascript is not a feature"

Provide all users with the same experience

What?

Progressive enhancement is a design philosophy that provides a baseline of essential content and functionality to as many users as possible, while delivering the best possible experience only to users of the most modern browsers that can run all the required code.

Similar to Gradual Degradation

Product Requirement

Why?

Attempt to make application accessible to as many people possible

Good principle for most devs

Build in this way can make code simple

Good User Experience

Examples

Example 0 - Checkbox

Example 1 - Form action

Example 2 - Optimistic Update

Example 3 - Show and Tell

A Worthy Goal

Are we able to complete an order without Javascript?

Pause: How does this work?

const iAmDefined = undefined

Thanks for Listening & Feedback Welcomed

What else would you like to know about?

• Learning Elixir (functional paradigm)
• Accelerate - Devops
• Dev Setups?
• Books we are reading?