DEV Community

Stefano Magni profile picture

Stefano Magni

Passionate, positive-minded, Sr Front-end Eng @ Preply (Design System) / Advisor @ Plannix / ex platform team / ex team leader / Speaker / Instructor / Writer / Remote worker

Location Lecco, Italy Joined Joined on  Personal website https://noriste.dev/ github website twitter website

Education

Bachelor's degree, Communication design - High School Diploma, Informatic Technologies

Pronouns

he/him

Work

Senior Front-end Engineer/Tech lead at Preply (Design System)

Six Year Club
Five Year Club
Writing Debut
4 Week Community Wellness Streak
Four Year Club
2 Week Community Wellness Streak
1 Week Community Wellness Streak
Three Year Club
Two Year Club
One Year Club
How Preply improved INP on a Next.js application (without React Server Components and App Router)

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

Image Image 5
Comments 1
25 min read

Want to connect with Stefano Magni?

Create an account to connect with Stefano Magni. You can also sign in below to proceed if you already have an account.

Already have an account? Sign in
The Implementation Details of Preply’s Design System Visual Coverage (part II)

The Implementation Details of Preply’s Design System Visual Coverage (part II)

Comments
12 min read
Visual coverage: Why and How Preply Measures the Impact of the Design System (part I)

Visual coverage: Why and How Preply Measures the Impact of the Design System (part I)

Comments
11 min read
Production-grade gradient bordered, transparent, and rounded button

Production-grade gradient bordered, transparent, and rounded button

Image Image Image 28
Comments
9 min read
Some things I learnt from working on big frontend codebases

Some things I learnt from working on big frontend codebases

Image Image Image 141
Comments 37
17 min read
Frontend Platform use case - Acting before a real Product need

Frontend Platform use case - Acting before a real Product need

Image 2
Comments
4 min read
Frontend Platform use case - Enabling features and hiding the distribution problems

Frontend Platform use case - Enabling features and hiding the distribution problems

Image 3
Comments
10 min read
Frontend Platform use case - Creating a roadmap without a Product Manager

Frontend Platform use case - Creating a roadmap without a Product Manager

Image Image 11
Comments 3
4 min read
Hasura E2E tests chronicles, February 2023

Hasura E2E tests chronicles, February 2023

Image 4
Comments 2
11 min read
Improving UI tests' code with debugging in mind

Improving UI tests' code with debugging in mind

Image 5
Comments 2
9 min read
One long E2E test or small, independent ones?

One long E2E test or small, independent ones?

Image 3
Comments 2
7 min read
Improving Hasura's Internal PR Review process

Improving Hasura's Internal PR Review process

Image 1
Comments
9 min read
Decouple the back-end and front-end test through Contract Testing

Decouple the back-end and front-end test through Contract Testing

Image Image 5
Comments
6 min read
Re-building a branch and telling a story to ease the Code Review

Re-building a branch and telling a story to ease the Code Review

Image Image 10
Comments
6 min read
A Case History: Analysing Hasura Console's code review process

A Case History: Analysing Hasura Console's code review process

Image 6
Comments
4 min read
Hasura Console UI coding patterns: Testing

Hasura Console UI coding patterns: Testing

Image 4
Comments
9 min read
My take on Snapshot Testing

My take on Snapshot Testing

Image Image 6
Comments
4 min read
Keeping TypeScript Type Guards safe and up to date (a simpler solution)

Keeping TypeScript Type Guards safe and up to date (a simpler solution)

Image Image 22
Comments 4
4 min read
The challenges of rendering an OpenLayers map in a popup through React

The challenges of rendering an OpenLayers map in a popup through React

Image Image Image 22
Comments 2
9 min read
Speed up E2E tests for Vite-based apps

Speed up E2E tests for Vite-based apps

Image Image 18
Comments
4 min read
RouteManager UI coding patterns: Redux Saga

RouteManager UI coding patterns: Redux Saga

Image Image 6
Comments
2 min read
How I ease the next developer reading my code

How I ease the next developer reading my code

Image Image Image 33
Comments 4
10 min read
From unreadable React Component Tests to simple, stupid ones

From unreadable React Component Tests to simple, stupid ones

Image Image 10
Comments
12 min read
How I strive for XState machine, types, and tests readability

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

Image Image Image 37
Comments 6
8 min read
Support the Reviewers with detailed Pull Request descriptions

Support the Reviewers with detailed Pull Request descriptions

Image Image Image 11
Comments
4 min read
RouteManager UI coding patterns: Immutability

RouteManager UI coding patterns: Immutability

Image Image 4
Comments
2 min read
RouteManager UI coding patterns: React Hooks

RouteManager UI coding patterns: React Hooks

Image Image 6
Comments
8 min read
RouteManager UI coding patterns: React

RouteManager UI coding patterns: React

Image Image Image 10
Comments
3 min read
RouteManager UI coding patterns: TypeScript

RouteManager UI coding patterns: TypeScript

Image Image 6
Comments
4 min read
RouteManager UI coding patterns: Arrays

RouteManager UI coding patterns: Arrays

Image Image Image 10
Comments
2 min read
RouteManager UI coding patterns: Generic ones

RouteManager UI coding patterns: Generic ones

Image Image Image 18
Comments
4 min read
Migrating a 150K LOC codebase to Vite and ESBuild: is it worthwhile? (part 3/3)

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

Image Image 18
Comments 11
4 min read
Migrating a 150K LOC codebase to Vite and ESBuild: How? (Part 2/3)

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

Image Image 21
Comments 4
10 min read
Migrating a 150K LOC codebase to Vite and ESBuild: Why? (part 1/3)

Migrating a 150K LOC codebase to Vite and ESBuild: Why? (part 1/3)

Image Image 30
Comments
4 min read
Reimplementing the core Recoil's APIs for fun and learning

Reimplementing the core Recoil's APIs for fun and learning

Image Image 15
Comments
12 min read
Creating a book-driven course: is it worthwhile?

Creating a book-driven course: is it worthwhile?

3
Comments
4 min read
Choose what NOT to study and focus on one thing at a time

Choose what NOT to study and focus on one thing at a time

Image 14
Comments 3
6 min read
UI Tests Debugging Best Practices

UI Tests Debugging Best Practices

Image Image 23
Comments 1
6 min read
Unit Testing React components with Cypress

Unit Testing React components with Cypress

Image 30
Comments 2
6 min read
Testing a Virtual List component with Cypress and Storybook

Testing a Virtual List component with Cypress and Storybook

Image Image 20
Comments
24 min read
Some UI testing problems and the Cypress way

Some UI testing problems and the Cypress way

Image Image 64
Comments 4
16 min read
Software tests as a documentation tool

Software tests as a documentation tool

Image Image 76
Comments 5
4 min read
Launching “$ npm run” programmatically with `npm.run()`

Launching “$ npm run” programmatically with `npm.run()`

Image 9
Comments
3 min read
New to front-end testing? Start from the top of the pyramid!

New to front-end testing? Start from the top of the pyramid!

Image Image 103
Comments 9
7 min read
Who watches the watchmen? Mutation testing in action

Who watches the watchmen? Mutation testing in action

Image Image 12
Comments 5
4 min read
Front-end productivity boost: Cypress as your main development browser

Front-end productivity boost: Cypress as your main development browser

Image Image 315
Comments 10
6 min read
The concept of "Monitoring Tests"

The concept of "Monitoring Tests"

Image Image 8
Comments
4 min read
Component vs (UI) Integration vs E2E tests

Component vs (UI) Integration vs E2E tests

Image Image 30
Comments 10
4 min read
Await, do not make your E2E tests sleep ⏳

Await, do not make your E2E tests sleep ⏳

Image Image 34
Comments 2
5 min read
loading...