Internals and Advanced Performance Patterns

Presentation byMatheus Albuquerque

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.

Similar Presentations
Cover Photo for Real-World React: The Architectural Playbook for Scalability, Resilience, and Observability (feat. Next.js)

Real-World React: The Architectural Playbook for Scalability, Resilience, and Observability (feat. Next.js)

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.

Faris Aziz

Internals and Advanced Performance Patterns

Presentation byMatheus Albuquerque

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.

Similar Presentations
Cover Photo for Real-World React: The Architectural Playbook for Scalability, Resilience, and Observability (feat. Next.js)

Real-World React: The Architectural Playbook for Scalability, Resilience, and Observability (feat. Next.js)

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.

Faris Aziz

Get in touch!

hi@guild.host