JS Poland 2026 · Speaker
Fabio Silva
Senior Frontend Engineer, Percona | Portugal
Talk
Hosting Someone Else's App: Iframe Choreography
Most frontend architecture talks assume you control the whole page. This one doesn't. Percona Monitoring and Management (PMM) ships a React/TypeScript shell that owns routing, navigation, and auth - and then embeds an entire third-party application, Grafana, inside an iframe it doesn't control the internals of. The two apps have to feel like one product: shared theme, shared navigation, shared login state, no visible seam.
This talk walks through how that's actually built: a custom CrossFrameMessenger that turns postMessage into typed, promise-based RPC calls with timeouts and listener lifecycles; and the handshake that gates showing the iframe until the guest app has actually finished loading. I'll cover the race conditions this design has to defend against, how you test cross-frame code without an end-to-end browser suite for everything, and where the abstraction leaks.
You'll leave with a mental model for host/guest iframe architecture that applies well beyond Grafana - anywhere you're embedding a third-party app, a legacy system, or a different team's SPA inside your own shell.
This talk walks through how that's actually built: a custom CrossFrameMessenger that turns postMessage into typed, promise-based RPC calls with timeouts and listener lifecycles; and the handshake that gates showing the iframe until the guest app has actually finished loading. I'll cover the race conditions this design has to defend against, how you test cross-frame code without an end-to-end browser suite for everything, and where the abstraction leaks.
You'll leave with a mental model for host/guest iframe architecture that applies well beyond Grafana - anywhere you're embedding a third-party app, a legacy system, or a different team's SPA inside your own shell.
About Fabio Silva
Senior Frontend Engineer with 10+ years of experience building and leading modern web applications
using React, TypeScript, and Next.js. Proven track record delivering scalable UI platforms and launching
full-stack SaaS products from scratch. Strong focus on performance, developer experience, and
product ownership.
using React, TypeScript, and Next.js. Proven track record delivering scalable UI platforms and launching
full-stack SaaS products from scratch. Strong focus on performance, developer experience, and
product ownership.
Learn from the Best Speakers 2026
Meet our first speakers for 2026! More to be announced soon. Interested in joining? Apply below!
Call For Papers 2026
Companies that support the JavaScript ecosystem
Our Sponsors 2026
By becoming a sponsor of JS Poland, you gain a unique opportunity to showcase your company and products to hundreds of experienced JavaScript developers, engineers, and tech leaders from across Europe.
This kind of exposure can boost visibility, strengthen your brand within the JS community, and help you attract top engineering talent.
To learn more about our sponsorship opportunities, please fill in the form.
Special Sponsor
Special Sponsor
Special Sponsor
Special Sponsor
Special Sponsor
ngGirls Sponsor
Stay in the loop Join our mailing list
Sign up to receive updates about JS Poland, including workshops, speaker previews, ticket launches, JS Awards, JavaScript Master Podcast, Behind the Code Magazine, CFP details and other exclusive content. We won’t spam you and will only send you emails we genuinely think you’ll find interesting. You can unsubscribe at any time and you can find more information here.
- No spam
- Unsubscribe anytime
- Only the good stuff