Remember when profiling Node.js meant wrestling with perf, sed scripts, and mysterious V8 internals? Traditional flame graph generation has been like performing surgery with a rusty spoon, requiring kernel-level tools and arcane command-line incantations. The barrier to entry is sky high. The time to insight is glacial.
We've completely reimagined this at Platformatic with @platformatic/flame - a zero-config profiling tool that works instantly. Just run flame run server.js and get production-grade flame graphs. Combined with our WebGL-accelerated React component library (react-pprof), we handle massive datasets with buttery-smooth 60fps interactions. This isn't just another tool - it's about democratizing performance analysis.
When your Auth Service hits 96% Event Loop Utilization, you need answers NOW. I'll show you our ecosystem-compatible architecture, how we profile microservices in-memory with Watt, and real production cases where this saved millions in infrastructure costs. Performance is everybody's responsibility, but the tools have been nobody's friend until now.

Writing fluid user interfaces becomes more and more challenging as the application complexity increases. Also, in a world with a wide variety of network connections, any user can have a slow experience, and apps that delight users on fast connections can barely be usable on slow ones. Leveraging real-world case studies from small, medium, and enterprise-scale companies, in this workshop, we will:

↝ Have an in-depth overview of the important concepts behind reconciliation and React Fiber and and go through a few magic words we hear a lot, like coroutines, generators, and more.

↝ Explore how proper scheduling can improve your app’s experience by diving into some concurrent React features, understanding their rationales, and how they work under the hood.

↝ Discuss a wide range of performance APIs native to the Web Platform itself.

↝ See how to measure responsiveness, and reliably identify culprits for bad experiences.

↝ Discuss how to apply modern techniques to legacy codebases, via code generation, polyfilling, and many other tips and tricks for large platforms targeting emerging markets.

This workshop dives into the core of building resilient, scalable, production-ready applications with React and Next.js, grounding you in a pragmatic approach to software development. We’ll tackle common web performance pitfalls, showing you how to make impactful optimizations without compromising readability, maintainability, or speed, essential when delivering under tight timelines. You’ll explore resilience patterns that enable your applications to perform reliably under real-world demands along with how to make the right compromises, whether you’re building for early-stage platforms or scaling up to serve millions of global users.

Covering React reconciliation fundamentals, we’ll provide the context needed for structuring large-scale component architectures, alongside best practices for designing components that stay maintainable over time. Through a case study using TanStack Query, you’ll tackle data fetching at scale to ensure optimal app performance with complex data requirements.

Finally, we’ll focus on post-deployment strategies, including setting up observability and monitoring tools to detect issues early. This workshop provides an adaptable playbook for creating robust applications that endure, building a skill set to navigate the evolving problem spaces and needs across different project stages, whether you’re developing from scratch or scaling for global audiences.

Manter uma aplicação Node.js estável e eficiente nem sempre é fácil. Nessa palestra, vou compartilhar algumas experiências de monitoramento na prática — desde lidar com gargalos de performance até identificar falhas antes que virem problemas grandes. Vamos explorar algumas ferramentas e técnicas que realmente fazem a diferença no dia a dia de quem coloca a mão na massa.