Stefano Magni
@noriste.bsky.social
Passionate, positive-minded, Sr Front-end Engineer @ Preply (Design System) / Front-end advisor @ Plannix / ex Hasura (platform team), WorkWave (team leader) / Speaker / Instructor / Writer
Pinned
Stefano Magni
@noriste.bsky.social
· Nov 6
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.
medium.com
My latest/most popular articles:
- Visual coverage: Why and How Preply Measures the Impact of the Design System (+ open source code) medium.com/preply-engin...
- Some things I learnt from working on big frontend codebases dev.to/noriste/some...
Full list+courses+talks github.com/NoriSte/all-...
- Visual coverage: Why and How Preply Measures the Impact of the Design System (+ open source code) medium.com/preply-engin...
- Some things I learnt from working on big frontend codebases dev.to/noriste/some...
Full list+courses+talks github.com/NoriSte/all-...
Codex PR review for me has an incredibly high signal/noise ratio, catching also cross-module mistakes 😍
February 13, 2026 at 11:42 AM
Codex PR review for me has an incredibly high signal/noise ratio, catching also cross-module mistakes 😍
> It is about teaching at the exact moment you need to learn.
This is one of my favourite articles about how to effectively use AI nowadays 😍
x.com/shuding/stat...
This is one of my favourite articles about how to effectively use AI nowadays 😍
x.com/shuding/stat...
x.com
February 13, 2026 at 11:10 AM
> It is about teaching at the exact moment you need to learn.
This is one of my favourite articles about how to effectively use AI nowadays 😍
x.com/shuding/stat...
This is one of my favourite articles about how to effectively use AI nowadays 😍
x.com/shuding/stat...
Short and effective article about Slot/asChild composition patterns ♥️
boda.sh/blog/react-s...
boda.sh/blog/react-s...
React Slot/asChild Composition Pattern
Introductory guide on Radix UI Slot/asChild, clsx, forwardRef and Base UI useRender/mergeProps
boda.sh
February 6, 2026 at 7:03 AM
Short and effective article about Slot/asChild composition patterns ♥️
boda.sh/blog/react-s...
boda.sh/blog/react-s...
Receiving such nice feedback is heartwarming 🥰
January 28, 2026 at 10:02 PM
Receiving such nice feedback is heartwarming 🥰
Two great @sarasoueidan.com articles I read and loved before implementing alert banners at the top of the page for Preply's users 😍
www.sarasoueidan.com/blog/accessi...
www.sarasoueidan.com/blog/accessi...
www.sarasoueidan.com/blog/accessi...
www.sarasoueidan.com/blog/accessi...
Accessible notifications with ARIA Live Regions (Part 1)
— The personal website of Sara Soueidan, inclusive Web UI engineer
www.sarasoueidan.com
January 23, 2026 at 4:50 PM
Two great @sarasoueidan.com articles I read and loved before implementing alert banners at the top of the page for Preply's users 😍
www.sarasoueidan.com/blog/accessi...
www.sarasoueidan.com/blog/accessi...
www.sarasoueidan.com/blog/accessi...
www.sarasoueidan.com/blog/accessi...
I tried out Guidepup virtual screen reader in Storybook to test how components are announced
scottnath.com/blahg/virtua...
The prerequisites are great, but I didn't get it reading the current state of the DOM after interacting with it, bummer!
scottnath.com/blahg/virtua...
The prerequisites are great, but I didn't get it reading the current state of the DOM after interacting with it, bummer!
Simple setup: Virtual Screen Reader in Storybook
How to set up Storybook with Guidepup's Virtual Screen Reader and test what the screen reader speaks
scottnath.com
January 23, 2026 at 4:48 PM
I tried out Guidepup virtual screen reader in Storybook to test how components are announced
scottnath.com/blahg/virtua...
The prerequisites are great, but I didn't get it reading the current state of the DOM after interacting with it, bummer!
scottnath.com/blahg/virtua...
The prerequisites are great, but I didn't get it reading the current state of the DOM after interacting with it, bummer!
And... right before the holidays, one of our team shared the love they put into testing before shipping, including investing a lot in @storybook.js.org, of course 😍
Two Preply's engineers undertook a huge project: providing all front-end developers with a way to effectively test their front-end applications, leveraging and betting on @storybook.js.org , and then documenting everything in an amazing article 😍
medium.com/preply-engin...
👇
medium.com/preply-engin...
👇
Front-end testing at Preply: shifting left towards component testing
Co-authored by Lukasz Rados
medium.com
January 13, 2026 at 8:55 AM
And... right before the holidays, one of our team shared the love they put into testing before shipping, including investing a lot in @storybook.js.org, of course 😍
Two Preply's engineers undertook a huge project: providing all front-end developers with a way to effectively test their front-end applications, leveraging and betting on @storybook.js.org , and then documenting everything in an amazing article 😍
medium.com/preply-engin...
👇
medium.com/preply-engin...
👇
Front-end testing at Preply: shifting left towards component testing
Co-authored by Lukasz Rados
medium.com
January 13, 2026 at 8:54 AM
Two Preply's engineers undertook a huge project: providing all front-end developers with a way to effectively test their front-end applications, leveraging and betting on @storybook.js.org , and then documenting everything in an amazing article 😍
medium.com/preply-engin...
👇
medium.com/preply-engin...
👇
Finally you can throttle individual Network requests in Google Chrome Dev tools 🎉
developer.chrome.com/blog/new-in-...
developer.chrome.com/blog/new-in-...
What's new in DevTools, Chrome 144 | Blog | Chrome for Developers
Chrome DevTools MCP server, individual request throttling, adopted stylesheets and 2025 highlights.
developer.chrome.com
January 12, 2026 at 4:55 PM
Finally you can throttle individual Network requests in Google Chrome Dev tools 🎉
developer.chrome.com/blog/new-in-...
developer.chrome.com/blog/new-in-...
I want to publicly shout out www.adora.so, definitely one of my favorite products today ❤️
What I love the most is the Slack messages sent to report some UX issues in the product. They are all AI-generated and always relevant, amazing!
What I love the most is the Slack messages sent to report some UX issues in the product. They are all AI-generated and always relevant, amazing!
Adora: Visualize your entire product experience
Every user-journey, every screen, every interaction. Your entire product mapped for you in real-time, overlaid with analytics and replays.
www.adora.so
January 9, 2026 at 9:14 AM
I want to publicly shout out www.adora.so, definitely one of my favorite products today ❤️
What I love the most is the Slack messages sent to report some UX issues in the product. They are all AI-generated and always relevant, amazing!
What I love the most is the Slack messages sent to report some UX issues in the product. They are all AI-generated and always relevant, amazing!
Holy words 👍
This is a lesson to all of you: *talk to people*. Teach yourself to ask. Being annoying is free. Rewriting a month-worth of code is not. There is no better way to level up as an engineer than code review. It starts from how well you're able to plan out the feature and split it.
December 30, 2025 at 6:47 PM
Holy words 👍
In case you missed that maybe the best design system is now open source... 😍
When starting Reshaped, having a paid license kept me going but also felt wrong sometimes. I wanted to give back more to the community. After 5 years – it is finally happening. Reshaped React and Figma libraries are now open-source.
reshaped.so/blog/reshape...
Get the links below ✨
reshaped.so/blog/reshape...
Get the links below ✨
Reshaped is now open-source - Reshaped
After five years of closed-source, Reshaped is finally open for all – both in React and Figma.
reshaped.so
December 13, 2025 at 5:56 AM
In case you missed that maybe the best design system is now open source... 😍
Our MCPs are used in other companies is always interesting 💡
Today, our MCP deepdive is out in @pragmaticengineer.com. Coveringthe on-the-ground realities of building and using MCP servers, the good and the bad) based on input from 40+ devs building MCPs.
Some surprising findings: newsletter.pragmaticengineer.com/p/mcp-deepdive
Some surprising findings: newsletter.pragmaticengineer.com/p/mcp-deepdive
December 10, 2025 at 8:52 AM
Our MCPs are used in other companies is always interesting 💡
TIL: Restart Frame in the Chrome devtools 🤯
blittle.github.io/chrome-dev-t...
thanks to the amazing @stefanjudis.com' newsletter ❤️
blittle.github.io/chrome-dev-t...
thanks to the amazing @stefanjudis.com' newsletter ❤️
Restart Frame | Down and Dirty with Chrome Developer Tools
A deep dive into advanced functionality within the Chrome Developer tools that will enable you to more effectively build and debug web apps. Presented at the 2014 OpenWest Conference.
blittle.github.io
December 8, 2025 at 2:41 PM
TIL: Restart Frame in the Chrome devtools 🤯
blittle.github.io/chrome-dev-t...
thanks to the amazing @stefanjudis.com' newsletter ❤️
blittle.github.io/chrome-dev-t...
thanks to the amazing @stefanjudis.com' newsletter ❤️
TIL the difference, in React Native, between TextInput `inputMode` (similar to Web's `inputmode` which doesn't customize the keyboard reliably, but it adds good screen readers support) and `keyboardType` (simply changes the keyboard).
December 1, 2025 at 11:40 AM
TIL the difference, in React Native, between TextInput `inputMode` (similar to Web's `inputmode` which doesn't customize the keyboard reliably, but it adds good screen readers support) and `keyboardType` (simply changes the keyboard).
Small yet very useful testing suggestion!!!! 👏👏👏
📰 Today, I've got a practical testing tip for you. I've picked this one up relatively recently and I've been using it for testing anything async since. And I think you should use it, too!
Let's talk about the `.resolves` chaining in your assertions.
www.epicweb.dev/prefer-the-...
Let's talk about the `.resolves` chaining in your assertions.
www.epicweb.dev/prefer-the-...
Prefer the `.resolves` Chaining
Improve the error experience when testing asynchronous code with the `.resolves`/`.rejects` chaining.
www.epicweb.dev
November 24, 2025 at 4:51 PM
Small yet very useful testing suggestion!!!! 👏👏👏
I had so much fun chatting with Dan!!! 😍
🎙 New episode of Señors @ Scale is out!
This time with @noriste.bsky.social , Senior Front-End Engineer &
Tech Lead at Preply — we talk about scaling design systems, balancing perfectionism with pragmatism, and working in public.
Watch here 👇
youtu.be/DMF3dOcAbsM
This time with @noriste.bsky.social , Senior Front-End Engineer &
Tech Lead at Preply — we talk about scaling design systems, balancing perfectionism with pragmatism, and working in public.
Watch here 👇
youtu.be/DMF3dOcAbsM
Design Systems at Scale with Stefano Magni, Tech Lead at Preply
YouTube video by Neciu Dan - The Señor Developer
youtu.be
November 4, 2025 at 3:12 PM
I had so much fun chatting with Dan!!! 😍
> Sorry for the spam but I wanted to say kudos for the great storybook documentation 📷 I had to interact with several components for the first time and docs made it way easier.
Sharing the joy we received from a design system user ❤️
Sharing the joy we received from a design system user ❤️
November 3, 2025 at 4:05 PM
> Sorry for the spam but I wanted to say kudos for the great storybook documentation 📷 I had to interact with several components for the first time and docs made it way easier.
Sharing the joy we received from a design system user ❤️
Sharing the joy we received from a design system user ❤️
Unmissable talk for who works on DX and for everyone to understand how the dev tools you use can help your LLM workflow
Netlify CEO @biilmann.blog explains the critical shift from Developer Experience (DX) to the new paradigm of Agent Experience (AX), demonstrating how the next generation of web development tools must be built for AI agents to use effectively.
Full videos in comments 👇
Full videos in comments 👇
October 31, 2025 at 7:16 AM
Unmissable talk for who works on DX and for everyone to understand how the dev tools you use can help your LLM workflow
After a couple of weeks of using it, I can say that the user experience of the DX platform is neat and perfect...
October 25, 2025 at 1:13 PM
After a couple of weeks of using it, I can say that the user experience of the DX platform is neat and perfect...
You can't imagine how much time I spent encouraging engineers to do the same, sharing all the advantages I gained from writing, speaking, and teaching.
It's an advantage for companies too, I've recently given an internal talk at Preply about the hiring benefits with numbers.
x.com/joaoqalves/s...
It's an advantage for companies too, I've recently given an internal talk at Preply about the hiring benefits with numbers.
x.com/joaoqalves/s...
João Alves on X: ".@karpathy says the best way to learn is to build things. He’s right, but as engineers, we know that’s only half the story. Writing, teaching, or preparing a talk forces you to understand what you have built. That’s what this post is about. Link below 👇 https://t.co/zTW4WwUfMD" / X
.@karpathy says the best way to learn is to build things. He’s right, but as engineers, we know that’s only half the story. Writing, teaching, or preparing a talk forces you to understand what you have built. That’s what this post is about. Link below 👇 https://t.co/zTW4WwUfMD
x.com
October 22, 2025 at 1:03 PM
You can't imagine how much time I spent encouraging engineers to do the same, sharing all the advantages I gained from writing, speaking, and teaching.
It's an advantage for companies too, I've recently given an internal talk at Preply about the hiring benefits with numbers.
x.com/joaoqalves/s...
It's an advantage for companies too, I've recently given an internal talk at Preply about the hiring benefits with numbers.
x.com/joaoqalves/s...
Don't miss the latest, amazingly detailed, super in-depth Nadia's article 👏👏👏
React Server Components: do they improve performance or make it worse?
If your answer is “I’ve no idea 😅,” I wrote a deep-dive to answer that! Experiments and real numbers, CSR vs SSR vs RSC, same app + test setup.
Focus: initial load + data fetching.
www.developerway.com/posts/react-...
If your answer is “I’ve no idea 😅,” I wrote a deep-dive to answer that! Experiments and real numbers, CSR vs SSR vs RSC, same app + test setup.
Focus: initial load + data fetching.
www.developerway.com/posts/react-...
React Server Components: Do They Really Improve Performance?
A data-driven comparison of CSR, SSR, and RSC under the same app and test setup, focusing on initial-load performance and the impact of client- vs server-side data fetching (including Streaming + Susp...
www.developerway.com
October 22, 2025 at 10:39 AM
Don't miss the latest, amazingly detailed, super in-depth Nadia's article 👏👏👏
I've just applied @simonwillison.net 's Vibe Engineering for delivering a small GitHub Action 😊 simonwillison.net/2025/Oct/7/v...
Vibe engineering
I feel like vibe coding is pretty well established now as covering the fast, loose and irresponsible way of building software with AI—entirely prompt-driven, and with no attention paid to …
simonwillison.net
October 13, 2025 at 10:52 AM
I've just applied @simonwillison.net 's Vibe Engineering for delivering a small GitHub Action 😊 simonwillison.net/2025/Oct/7/v...
Nice morning surprise right after opening Slack 😍
October 13, 2025 at 7:28 AM
Nice morning surprise right after opening Slack 😍