N

A technical blog about things I find interesting on the web, from web architecture & performance to A* pathfinding algorithms and pixel animations.

Micro frontends with Module Federation and Webpack 5

2020.10.19 | MICRO-FRONTENDS, MODULE FEDERATION, WEBPACK

The release of Webpack 5 delivered something special besides performance improvements like improved tree-shaking and persistent caching across builds - an architectural possibility called Module Federation.

Latest posts

Introduction to CLS - Cumulative Layout Shift

2021.09.18 | PERFORMANCE, SPEEDCURVE, CLS, WEB VITAL

In this post we'll quickly look at what CLS is, how it's measured within Speedcurve and tips on how to mitigate layout shifts.

Composition and Classification of micro frontends

2020.11.02 | MICRO-FRONTENDS, COMPOSITION, CLASSIFICATION

In this post, Per Ökvist and I will try to zoom-out and take a look at the large puzzle regarding web-composition

All blog posts...

On the side...

Having side projects is crucial in order to stay up to date with the ever growing eco-system of frontend development. Here are some of the projects that I've enjoyed working on the most.

Spritelove

Spritelove

Spritelove is a fully fledged pixel art animation studio with tons of cool tools and features, save your content as gifs, individual frames or export spritesheets to PIXI

Retanx

Retanx

React strategy proof of concept using A* pathfinding algorithm, an immense amount of divs and CSS transitions.

Tracks

Tracks js

Tracks animates DOM elements from one state to another by temporarily injecting styles (Tracks.fromTo), its real strength is its capability to listen to the creation and deletion of DOM elements by using the MutationObserver API