Stefano Magni – Medium

Stefano Magni

Published in
Preply Engineering Blog

How Preply improved INP on a Next.js application (without React Server Components and App Router)

To improve our two most important pages from an SEO and SEM perspective, we started digging into how to improve their INP, a metric to…

Feb 20

Two Peply.com’s pages visited from mobile devices, along with the screenshots of some performance deshboards.

Feb 20

Published in
Preply Engineering Blog

The Implementation Details of Preply’s Design System Visual Coverage

How we’ve implemented our Design System coverage, how we track it on the user’s devices, and the full code available publicly on GitHub.

Sep 30, 2024

The Design System visual coverage dashboard with all the per-team and per-page data. The data consists of an average Design System visual coverage percentage and one percentage for every single team, with trends.

Sep 30, 2024

Published in
Preply Engineering Blog

Visual coverage: Why and How Preply Measures the Impact of the Design System

We implemented a custom way to measure the impact of the Design System, and we measure it on user’s devices.

Sep 19, 2024

The Design System visual coverage dashboard with all the per-team and per-page data. The data consists of an average Design System visual coverage percentage and one percentage for every single team, with trends.

Sep 19, 2024

Some things I learnt from working on big frontend codebases

On dev.to, you can find the latest version of the article with more contents.

Jun 10, 2023

Some things I learnt from working on big frontend codebases

Jun 10, 2023

My take on Snapshot Testing

It’s true that Snapshot Testing got a lot of traction in recent years in the frontend world due to the apparent advantages like

Jul 29, 2022

A sign indicating that you cannot take photos.

Jul 29, 2022

How I strive for XState machine, types, and tests readability

Recently, I drove an internal XState Working Group, where every participant has to implement a simple project. The machine itself is pretty…

Oct 13, 2021

A screenshot of the machine, created through the XState Viz.

Oct 13, 2021

Support the Reviewers with detailed Pull Request descriptions

Is it worth investing hours describing what a bunch of lines of code do? Who will benefit?

Oct 8, 2021

The screenshots of some highly-described Pull Requests.

Oct 8, 2021

Published in
JavaScript in Plain English

Migrating a 150K LOC codebase to Vite and ESBuild: is it worthwhile? (part 3/3)

A fairer comparison between Webpack and Vite, some Vite caveats, and the overall developer experience.

May 26, 2021

This article is about a React and TypeScript project migrated from Webpack to Vite and ESBuild.

May 26, 2021

Published in
JavaScript in Plain English

Migrating a 150K LOC codebase to Vite and ESBuild: How? (Part 2/3)

The meticulous work behind migrating our codebase to Vite, helpful to fail as soon as possible or to succeed in the most brilliant way.

May 26, 2021

This article is about a React and TypeScript project migrated from Webpack to Vite and ESBuild.

May 26, 2021

Published in
JavaScript in Plain English

Migrating a 150K LOC Codebase to Vite and ESBuild: Why? ({art 1/3)

What is Vite? Why did we consider it? Is it faster than Webpack? Is it mature enough?

May 26, 2021

This article is about a React and TypeScript project migrated from Webpack to Vite and ESBuild.

May 26, 2021

Stefano Magni

Stefano Magni

I’m a passionate, positive-minded Senior Front-end Engineer and Team Leader, a speaker, and an instructor. Working remotely since 2018.

Following

Help
Status
About
Careers
Press
Blog
Privacy
Terms
Text to speech
Teams