Advertisement Β· 728 Γ— 90

Posts by Stefano Magni

here it is
bsky.app/profile/did:...

2 weeks ago 1 0 0 0

Don't miss this platform execution master piece, from one of the masters 😎
www.youtube.com/watch?v=D6ys...

2 weeks ago 2 1 0 1

Speed up the transitions, the phone seems even faster😊

3 weeks ago 0 0 0 0
Preview
Front-end productivity boost: Cypress as your main development browser Productivity, productivity, and productivity: how you should leverage a testing tool like Cypress as...

This includes a very productive, data-first, backend-isolated, way of working.

x.com/i/status/202...

I shared a similar approach back in the days, and the suggested approach automates the most annoying (yet important) part: typing that mocks
(dev.to/noriste/fron...)

Via @kettanaito.com

1 month ago 0 0 0 0

On native HTML dialog vs JS ones..

1 month ago 0 0 0 0

Well, with
1. Perfect API docs
2. Extensive usage across the web
3. Perfect tests
4. Good understanding and taste
Your limit is the sky. Rewriting Next.js with Vite is a good example, don't miss the second part of the article about "how was this possible?" 😍

1 month ago 0 0 0 0
Preview
So What are OKRs? A Beginner’s Primer For anyone new to building OKRs (Objective and Key Results), this primer will set you up to understand the β€œwhy” and β€œhow” behind OKRs.

Definitely the best ever article I read about OKRs 🀯
medium.com/pathtoproduc...

2 months ago 0 0 0 0
Advertisement

Codex PR review for me has an incredibly high signal/noise ratio, catching also cross-module mistakes 😍

2 months ago 0 0 0 0

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

2 months ago 0 0 0 0
React Slot/asChild Composition Pattern Introductory guide on Radix UI Slot/asChild, clsx, forwardRef and Base UI useRender/mergeProps

Short and effective article about Slot/asChild composition patterns β™₯️
boda.sh/blog/react-s...

2 months ago 0 0 0 0
A message we got in the internal Slack, saying:

"Hello team,
I just want to give a huge shoutout to the entire Design System for the Dropdown Menu component and the amazing documentation you created 
Today I've worked on a task that involved a dropdown menu with icons, suffixes, submenus, you name it. Thanks to the documentation (especially the examples), it was incredibly easy! It's a very well designed (both visually and API-wise) component. And then, when I was almost done, I decided to check what it looks like on mobile and it was just cherry on top.
Thank you!"

A message we got in the internal Slack, saying: "Hello team, I just want to give a huge shoutout to the entire Design System for the Dropdown Menu component and the amazing documentation you created Today I've worked on a task that involved a dropdown menu with icons, suffixes, submenus, you name it. Thanks to the documentation (especially the examples), it was incredibly easy! It's a very well designed (both visually and API-wise) component. And then, when I was almost done, I decided to check what it looks like on mobile and it was just cherry on top. Thank you!"

Receiving such nice feedback is heartwarming πŸ₯°

2 months ago 1 0 0 0
Preview
Accessible notifications with ARIA Live Regions (Part 1) β€” The personal website of Sara Soueidan, inclusive Web UI engineer

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

2 months ago 0 0 0 0
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

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!

2 months ago 0 0 0 0

Thank you, Michael, for what you have built and keep improving!!! β™₯️
I'll forward the compliments to the team 😊

3 months ago 3 0 0 0

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 😍

3 months ago 1 0 0 0

... Created DX tools, checked all the feedback, and helped other teams. It's rare to see such dedication when you also have business priorities.

And this perfectly mirrors the new Preply's engineering excellence pillars (I will share more about it soon) ❀️

3 months ago 1 0 0 0

They worked relentlessly to allow a big shift left in our FE testing approach, allowing FEs to apply Preply's engineering excellence strategy to the FE apps.

They upgraded Storybook, removed failing tests, created dashboards, spread the verb, created guides...

πŸ‘‡

3 months ago 2 0 1 0
Advertisement
Preview
Front-end testing at Preply: shifting left towards component testing Co-authored by Lukasz Rados

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

πŸ‘‡

3 months ago 5 1 1 2
Preview
What's new in DevTools, Chrome 144 Β |Β  Blog Β |Β  Chrome for Developers Chrome DevTools MCP server, individual request throttling, adopted stylesheets and 2025 highlights.

Finally you can throttle individual Network requests in Google Chrome Dev tools πŸŽ‰
developer.chrome.com/blog/new-in-...

3 months ago 0 0 0 0

This is exactly how I stopped with caffeine and decreased sugar to almost zero😊

3 months ago 2 0 1 0
Preview
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.

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!

3 months ago 0 0 0 0

Holy words πŸ‘

3 months ago 1 0 0 0
Preview
Traits of a good Tech Lead The software development industry during the 2010–2020 decade created roles such as Engineering Manager (EM) and Tech Lead (TL). People had already been using one or the other, but during that decade,...

Great read for tech leads πŸ‘πŸ‘πŸ‘

world.hey.com/joaoqalves/t...

4 months ago 0 0 0 0

In case you missed that maybe the best design system is now open source... 😍

4 months ago 3 0 0 0
Advertisement

Our MCPs are used in other companies is always interesting πŸ’‘

4 months ago 0 0 0 0
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.

TIL: Restart Frame in the Chrome devtools 🀯
blittle.github.io/chrome-dev-t...
thanks to the amazing @stefanjudis.com' newsletter ❀️

4 months ago 7 3 0 0

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

4 months ago 1 0 0 0

Small yet very useful testing suggestion!!!! πŸ‘πŸ‘πŸ‘

4 months ago 2 0 1 0

I had so much fun chatting with Dan!!! 😍

5 months ago 2 0 0 0

> 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 ❀️

5 months ago 1 0 0 0