Unleashing NextJS/React Performance & Resiliency: A Practical & Pragmatic Workshop for Developers

Topics we will cover:

• Web Performance Pitfalls & Balancing Pragmatism
• Software Resilience Patterns
• Diving Deep into React Reconciliation
• Managing Component Architecture
• Case Study - Data Fetching at Scale (feat. React Query)
• Post deployment - Observability/Monitoring & Feature Flags
• Coding Labs

Who it's for and participation requirements:

This workshop is designed for developers who are:

• Front-End Engineers: Whether you’re just starting or have been in the game for years, this workshop will enhance your understanding of React and NextJS performance & Resilience.
• Technical Leads and Engineering Managers: Learn how to guide your team in making informed decisions about architectural patterns and performance strategies.

Participation Requirements
To get the most out of this workshop, participants should have:

• Intermediate Understanding of JavaScript: Familiarity with ES6+ syntax and JavaScript fundamentals.
• Working Knowledge of React: You should be comfortable building basic applications in React and understand core concepts like hooks and component lifecycle.
• Experience with Production Applications: You should have worked on at least one production user facing web application. Having experienced the challenges that come along with continuously developing and scaling them.
• Laptop with Node.js Installed: You will need a laptop with the latest LTS version of Node.js installed to participate in the hands-on coding labs.

What you get:

By attending this workshop, participants will:

• Gain a Deeper Understanding of React Reconciliation: Walk away with a comprehensive grasp of how React manages reconciliation and the building blocks of how your UI gets rendered. Understand the nuances of component updates and rendering behavior to optimize performance effectively.
• Hands-On Experience through Coding Labs: Dive into practical coding labs where you’ll engage with real-world problem spaces related to the topics we explore. Get your hands dirty, experiment with code, and gain new perspectives through guided solution walkthroughs, enhancing your ability to tackle similar challenges in your projects.
• Learn Pragmatic Performance Optimization: Develop a better working understanding of how to make informed, pragmatic decisions regarding performance optimizations. Learn when it’s beneficial to optimize for performance and when it might be over-engineering, enabling you to focus your efforts where they matter most.
• Explore Resilience and Monitoring in Production: Understand the various pitfalls that can occur when an application is live in production. Learn strategies to build resilience into your applications, ensuring they can handle unexpected issues gracefully. Gain insights into monitoring best practices to keep an eye on your application’s health and performance post-deployment.
• Access Comprehensive Learning Materials: Receive workshop slides, detailed notes, and code samples that cover all discussed topics, serving as valuable references for future projects.

Helpful information:

The workshop lasts a whole day, and coffee breaks and lunch are included. To participate, you need the dedicated ticket, which is sold separately from the conference tickets.