🎙 About the Podcast:

Join host Neciu Dan as he sits down with Stefano Magni, a senior front-end engineer and tech lead at Preply, to explore the intricacies of building a robust design system and the journey of working in public.

Stefano shares his insights on the importance of skills, reputation, and networking in shaping a successful career. Discover how his experiences from building Flash mini-games to architecting React-based systems have influenced his approach to engineering excellence.

In this episode, they discuss:

The pivotal moment that led Stefano to work in public

How Preply's design system impacts user experience

The balance between perfectionism and pragmatism in engineering

The role of data-driven decisions in Preply's culture

Best practices for managing large codebases without tests

Stefano also shares his journey from a Flash developer to a leader in the design system space, emphasizing the value of sharing knowledge and building a strong professional network.

Chapters:

00:00 Introduction to Stefano Magni and Preply

05:12 The Importance of Public Work

12:45 Building a Design System at Preply

18:30 Balancing Perfectionism and Pragmatism

25:00 Data-Driven Culture at Preply

32:15 Managing Large Codebases Without Tests

40:00 The Journey from Flash to React

47:30 Networking and Reputation in Tech

55:00 Closing Thoughts and Future Plans

📚Links & Resources:

📸 Instagram: https://www.instagram.com/senorsatscale/📸 Instagram: https://www.instagram.com/neciudev🎙 Podcast URL: https://neciudan.dev/senors-at-scale📬 Newsletter: https://neciudan.dev/subscribe💼 LinkedIn: https://www.linkedin.com/in/neciudan💼 LinkedIn: https://www.linkedin.com/company/se%C3%B1ors-scale/

#designsystem #frontend #engineeringexcellence #preply #networking #publicwork #softwaredevelopment #señorsatscale

Don’t forget to like, comment, and subscribe for more engineering stories from the front lines. How is your team approaching design systems and public work? Share below 👇

🎙 About the Podcast:
Señors @ Scale is a no-fluff engineering podcast hosted by Neciu Dan — diving into the real-world chaos of scaling systems, teams, and yourself. From production bugs to platform bets, we sit down with senior engineers to discuss the scars, strategies, and lessons that truly matter.

In this episode, host Neciu Dan sits down with Bruno Paulino, Tech Lead at N26, to unpack how reliability, experimentation, and platform culture shape one of Europe’s most trusted digital banks.

Bruno’s path is anything but ordinary — from serving as a police officer in Brazil to leading FinTech engineering teams at scale. He shares how N26 builds server-driven UIs, runs AI-powered customer support, and balances speed vs reliability when every deploy touches millions of users.

They break down:

• How server-driven UI lets N26 ship features in minutes

• Why CI/CD pipelines are the backbone of reliability

• What it means to trade speed for resilience in FinTech

• How Statsig changed experimentation culture company-wide

• Lessons from production outages and post-mortems

• Why strong developer experience drives safer systems

It’s a deep dive into the real architecture, trade-offs, and human decisions behind reliable banking systems at scale.

🎧 Whether you’re scaling a FinTech product, managing CI/CD pipelines, or just trying to keep production sane, this one’s for you.

Follow & Subscribe:
📸 Instagram: https://www.instagram.com/senorsatscale/
📸 Instagram: https://www.instagram.com/neciudev
🎙 Podcast URL: https://neciudan.dev/senors-at-scale
📬 Newsletter: https://neciudan.dev/subscribe
💼 LinkedIn: https://www.linkedin.com/in/neciudan
💼 LinkedIn: https://www.linkedin.com/company/se%C3%B1ors-scale/

In this episode of Señors @ Scale, Dan chats with Natalia Venditto, Principal Product Manager at Microsoft, and Igor Minar, Senior Director of Engineering at Cloudflare and co-creator of Angular, about WebFragments — a radical new approach to micro-frontends that rethinks how we build for the web.

Natalia and Igor share how WebFragments was born from years of pain with module federation and brittle micro-frontend systems. They explain why shared dependencies and team coupling still plague large-scale applications, and how WebFragments breaks that pattern by isolating each fragment’s JavaScript and DOM context while still delivering a seamless user experience.

We dive deep into the architecture:
how iframes are being reinvented for performance and isolation,
how Shadow DOM and a technique called Reframing encapsulate code like Docker does for containers,
and how Fragment Piercing enables server-rendered fragments to appear instantly — even before the client shell has loaded.

The conversation also covers the challenges of building vendor-agnostic, framework-independent systems, the middleware patterns that eliminate CORS issues, and Cloudflare’s real-world migration of its production dashboard to WebFragments.
Plus, Natalia and Igor share what’s next — from nested fragments and out-of-order streaming to growing an open-source community around this new model of frontend architecture.

Whether you’re building micro-frontends, leading platform teams, or just curious about what’s next for web architecture, this episode is a masterclass in isolation, performance, and pragmatic innovation at scale.

Chapters
00:00 Introduction to WebFragments and Guests
06:48 Differentiating WebFragments from Module Federation
13:46 The Promise of Independence in Micro-Frontends
16:49 Reframing: A New Approach to Isolation
19:54 The Concept of Piercing in WebFragments
33:26 Fragment Communication and State Management
36:09 Middleware and Request Routing
39:22 WebFragments in Action at Cloudflare
44:02 Getting Started and Migration Path
50:13 Future Developments and Features
54:37 Community and Contributions
01:02:02 Outro

Follow & Subscribe
📸 Instagram: https://www.instagram.com/senorsatscale/
📸 Instagram: https://www.instagram.com/neciudev
🎙 Podcast: https://neciudan.dev/senors-at-scale
📬 Newsletter: https://neciudan.dev/subscribe
💼 LinkedIn: https://www.linkedin.com/in/neciudan
💼 LinkedIn: https://www.linkedin.com/company/se%C3%B1ors-scale/

Additional Resources
https://github.com/webfragments
https://blog.cloudflare.com/
https://learn.microsoft.com/

#microfrontends #webfragments #javascript #angular #cloudflare #microsoft #frontend #softwarearchitecture #performance #webdevelopment #softwareengineering #señorsatscale

Don’t forget to like, comment, and subscribe for more engineering stories from the front lines.
How is your team approaching micro-frontends and architectural independence? Share below 👇