Browse all posts

Webpack 5 Module Federation: My First Small-Scale Experiment

When Webpack 5 was officially released in October, the frontend community couldn’t stop talking about one feature in particular: Module Federation. After years of grappling with increasingly complex frontend architectures, the promise of being able to seamlessly share code between applications at runtime—not just build time—feels like the solution many of us have been waiting for. If you follow frontend architecture discussions, you’ve likely seen the buzz around Module Federation since earlier this year when Zack Jackson first introduced the concept. As he aptly put it, this is “the JavaScript bundler equivalent of what Apollo did with GraphQL” - a truly revolutionary approach to code sharing. ...

December 18, 2020 · 7 min · 1467 words

Headless CMS in the Wild: Migration Stories and Strategies

The journey toward headless architecture is rarely a straight path. Over the past year, I’ve helped some organizations transition from traditional content management systems to headless alternatives, and each migration revealed unique challenges and opportunities that don’t always make it into the marketing materials. Let’s dive into what actually happens when you “chop off the head” of your CMS—a procedure that sounds more like medieval punishment than modern web architecture. ...

December 9, 2020 · 9 min · 1706 words

Svelte 3: The Compiler as Your Framework

The front-end landscape has been dominated by React, Vue, and Angular for years now. These frameworks have fundamentally transformed how we build web applications, bringing reactivity, component-based architectures, and improved developer experiences. But they’ve also introduced significant runtime costs: virtual DOM diffing, component lifecycle management, and substantial JavaScript bundles that users must download and parse before seeing anything meaningful. Hear out Svelte 3, which has been gaining serious momentum since its release last year. Rather than shipping a runtime library to interpret your components in the browser, Svelte shifts that work to compile time. The result? Dramatically smaller bundles, faster startup times, and pure vanilla JavaScript that runs with minimal overhead. ...

November 2, 2020 · 9 min · 1712 words

Navigating React State: Redux, Context, and the New Kid, Recoil

Managing state beyond simple component scope is one of the perennial challenges. Redux was the default answer for anything complex, but the landscape recently feels… different. Hooks have fundamentally changed how we write React, and with them came a resurgence of interest in built-in solutions and even some exciting new contenders. We’re seeing teams actively questioning the need for heavyweight libraries on every project. Can the built-in Context API truly handle complex applications? And what about this new experimental library, Recoil, that Facebook dropped on us earlier this year? ...

October 26, 2020 · 6 min · 1257 words

Modern Authentication for Single Page Applications

The SPA security landscape continues to evolve rapidly this year, and if you’re still using the Implicit OAuth flow that was recommended just a few years ago, it’s time for a serious rethink of your authentication architecture. With increasing browser restrictions and an evolving threat model, our frontend security approaches need a refresh. The Problem with Implicit Flow For years, the OAuth 2.0 Implicit flow was the go-to authentication pattern for single-page applications. The reasoning seemed sound: since SPAs couldn’t securely store client secrets (being fully client-side), we’d use a simplified flow that returned tokens directly in the URL fragment. ...

September 2, 2020 · 6 min · 1147 words