Stefano Magni

Passionate, positive-minded Front-end engineer (working remotely) / Speaker / Instructor

Lecco, Italy Joined on Jul 15, 2019

Education

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

Work

Senior Front-end Engineer / Team Leader at WorkWave

JavaScript, Testing, Responsive Web Design, React, Git, Node.js, HTML5, SASS, Event-driven, Typescript, Jest, Cypress, Webpack, GraphQL, Storybook.js, Vue.js, Single Page Applications, CSS Grid

Remote jobs

46 posts published

64 comments written

1 tag followed

Stefano Magni

Sep 21

Production-grade gradient bordered, transparent, and rounded button

9 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.

Create Account

Already have an account? Sign in

Stefano Magni

Jun 1

Some things I learnt from working on big frontend codebases

125

11 min read

Stefano Magni

May 31

Frontend Platform use case - Acting before a real Product need

#frontendplatform

4 min read

Stefano Magni

May 31

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

#frontendplatform #refactoring #technicaldebt

10 min read

Stefano Magni

May 31

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

#frontendplatform #roadmap

4 min read

Stefano Magni

Feb 8

Hasura E2E tests chronicles, February 2023

11 min read

Stefano Magni

Feb 7

Improving UI tests' code with debugging in mind

#debug #testing

8 min read

Stefano Magni

Feb 6

One long E2E test or small, independent ones?

#e2e

7 min read

Stefano Magni

Dec 6 '22

Improving Hasura's Internal PR Review process

9 min read

Stefano Magni

Aug 10 '22

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

6 min read

Stefano Magni

Aug 9 '22

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

6 min read

Stefano Magni

Jul 29 '22

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

#codereview #programming

4 min read

Stefano Magni

Jul 29 '22

Hasura Console UI coding patterns: Testing

9 min read

Stefano Magni

Jul 19 '22

My take on Snapshot Testing

#testing

4 min read

Stefano Magni

Apr 26 '22

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

#typescript #typeguard

4 min read

Stefano Magni

Apr 21 '22

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

#popup #openlayers #materialui

9 min read

Stefano Magni

Mar 15 '22

Speed up E2E tests for Vite-based apps

#vite #rollup #devex

4 min read

Stefano Magni

Mar 4 '22

RouteManager UI coding patterns: Redux Saga

2 min read

Stefano Magni

Feb 23 '22

How I ease the next developer reading my code

#typescript #xstate #react #cypress

10 min read

Stefano Magni

Oct 19 '21

From unreadable React Component Tests to simple, stupid ones

12 min read

Stefano Magni

Oct 13 '21

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

#xstate #testing #typescript

8 min read

Stefano Magni

Oct 11 '21

Support the Reviewers with detailed Pull Request descriptions

#codereview

4 min read

Stefano Magni

Jul 20 '21

RouteManager UI coding patterns: Immutability

2 min read

Stefano Magni

Jul 20 '21

RouteManager UI coding patterns: React Hooks

8 min read

Stefano Magni

Jul 20 '21

RouteManager UI coding patterns: React

3 min read

Stefano Magni

Jul 20 '21

RouteManager UI coding patterns: TypeScript

4 min read

Stefano Magni

Jul 20 '21

RouteManager UI coding patterns: Arrays

2 min read

Stefano Magni

Jul 20 '21

RouteManager UI coding patterns: Generic ones

4 min read

Stefano Magni

May 26 '21

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

#vitejs #esbuild #react #webpack

4 min read

Stefano Magni

May 26 '21

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

#vitejs #esbuild #react #webpack

10 min read

Stefano Magni

May 26 '21

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

#vitejs #esbuild #react #webpack

4 min read

Stefano Magni

Apr 21 '21

Reimplementing the core Recoil's APIs for fun and learning

12 min read

Stefano Magni

Apr 18 '21

Creating a book-driven course: is it worthwhile?

#teaching #course #workshop

4 min read

Stefano Magni

Jul 8 '20

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

#frontend #studying #focus

6 min read

Stefano Magni

Jun 18 '20

UI Tests Debugging Best Practices

#testing #puppeteer #debug

6 min read

Stefano Magni

May 19 '20

Unit Testing React components with Cypress

#cypress #react #unittest #componenttest

6 min read

Stefano Magni

Apr 1 '20

Testing a Virtual List component with Cypress and Storybook

#componenttesting #storybook #cypress

24 min read

Stefano Magni

Jan 23 '20

Some UI testing problems and the Cypress way

#testing #productivity

16 min read

Stefano Magni

Dec 6 '19

Software tests as a documentation tool

#testing #documentation #handover

4 min read

Stefano Magni

Oct 16 '19

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

#npm

3 min read

Stefano Magni

Oct 9 '19

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

#productivity #testing #approach

103

7 min read

Stefano Magni

Aug 5 '19

Who watches the watchmen? Mutation testing in action

#testing

4 min read

Stefano Magni

Aug 1 '19

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

#productivity #testing #cypress

313

6 min read

Stefano Magni

Jul 30 '19

The concept of "Monitoring Tests"

#endtoendtesting

4 min read

Stefano Magni

Jul 29 '19

Component vs (UI) Integration vs E2E tests

#testing #integrationtesting #endtoendtesting #storybook

4 min read

Stefano Magni

Jul 29 '19

Await, do not make your E2E tests sleep ⏳

#testing #endtoendtesting #uitesting #performance

5 min read

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

Want to connect with Stefano Magni?