React Logo

By Addy Osmani and Hassan Djirdeh

Code Smart, Scale Fast, Conquer Challenges

Learn tools and techniques to build and maintain large-scale React web applications.

OrΒ Β for free.
Building Large Scale Web Apps: A React Field Guide. By Addy Osmani and Hassan Djirdeh

β€œBuilding Large Scale Web Apps” is a toolkit to managing large-scale React applications.

React as a library allows you to start building user interfaces quickly and easily. But how do things scale as an application grows? How do you ensure that your codebase remains manageable, your performance metrics stay on point, and your team continues to work cohesively as the project evolves?

In this book, you'll uncover strategies that industry professionals use to build scalable, performant, and maintainable React applications, all without becoming overwhelmed by complexity.

Together, we've spent well over two decades building within or consulting for

The Google logo.
The Doordash logo.
The Instacart logo.
The Netflix logo.
The X logo.
The YouTube logo.
The Shopify logo.
The Ebay logo.

Synchronized matrix boards operating over RS-485 or 2.4G wireless frequencies.

: Serves as the primary entry point, enforcing rate limiting and validating incoming payloads from courtside officials.

It does not require a complex backend to run basic displays.

[ Referee / Operator Input ] [ Automated IoT Sensors ] β”‚ β”‚ └───► [ API Gateway / Ingress ] β—„β”€β”€β”€β”˜ β”‚ [ Load Balancer / NGINX ] β”‚ [ Event Broker: Apache Kafka ] β”‚ β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β–Ό β–Ό [ Dev Full Core Service ] [ Real-Time Cache: Redis ] β”‚ β”‚ [ DB: PostgreSQL / Timescale ] β–Ό [ WebSockets / gRPC Worker ] β”‚ β–Ό [ Front-End Canvas Client ] Ingestion and Event Routing

β€”specifically the full developer suiteβ€”refers to a critical cybersecurity and coding evaluation metric popularized by the release of advanced AI models like Claude Mythos Preview The "181 Dev Full" Review: Advanced Exploitation & Coding 181 Scoreboard

: Standardized 181-DEV telemetry definitions.

Whether you are a software engineer building an esports analytics platform, a sports betting developer handling heavy API payloads, or a project manager seeking a full-stack production dashboard, understanding how to construct a scalable scoreboard development environment is essential. Decoupling the Architecture of a Full Dev Scoreboard

scoreboard players add @p DevFull 1

If you are developing your project inside established ecosystems, refer to the Yandex Games SDK Leaderboards Guide for native implementation methods, or explore the Megavex Network Minecraft Scoreboard Library for high-performance packet-level server management.

of a specific AI model or software (like Aider or Hugging Face)? Source code for implementing a scoreboard in a game (like Corporate R&D data from an official economic report?

In a "dev" or technical sense, this ID is used in URL structures (e.g., .../scoreboard/181 ) to retrieve the full data set for that specific game from the backend. 2. "181" as a Developmental Milestone

Some other things!

Descriptive content, continous updates, and soundbites from industry professionals.

Descriptive, not prescriptive

When explaining content, we follow a descriptive approach, not prescriptive. In other words, we don’t tell you what specific tools or libraries you have to use to be successful. Rather, we focus on explaining a concept and employ certain libraries or tools to illustrate that concept.

React-focused with universal concepts

While the book is React-focused, it teaches universal concepts that transcend all web development frameworks. It's designed to enhance your understanding of building web applications that are scalable, maintainable, and adaptable, regardless of the specific technology stack.

Continous, frequent updates

Purchasing the e-book gives you access to all new content, edits, and improvements forever. In fact, we're currently working on adding three new chapters soon β€” Routing, User-centric API design, and React in 2024. Check out the Changelog to follow along on all the updates we'll make.

Soundbites from industry professionals

In the book, we share soundbites and thoughts from industry professionals. These soundbites are shared from start-up owners and software engineers who work at Doordash, Netflix, Spotify, and more.

Back cover of physical book
Front cover of physical book
Back cover of physical book
Contents of physical book

Industry nuggets

Nuggets of wisdom from industry professionals

Jem Young

Maxi Ferreira

Emma Bostian

Zeno Rocha

Francine Navarro

Jeffrey Peng

And others!

Scoreboard 181 Dev //top\\ Full -

Synchronized matrix boards operating over RS-485 or 2.4G wireless frequencies.

: Serves as the primary entry point, enforcing rate limiting and validating incoming payloads from courtside officials.

It does not require a complex backend to run basic displays. scoreboard 181 dev full

[ Referee / Operator Input ] [ Automated IoT Sensors ] β”‚ β”‚ └───► [ API Gateway / Ingress ] β—„β”€β”€β”€β”˜ β”‚ [ Load Balancer / NGINX ] β”‚ [ Event Broker: Apache Kafka ] β”‚ β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β–Ό β–Ό [ Dev Full Core Service ] [ Real-Time Cache: Redis ] β”‚ β”‚ [ DB: PostgreSQL / Timescale ] β–Ό [ WebSockets / gRPC Worker ] β”‚ β–Ό [ Front-End Canvas Client ] Ingestion and Event Routing

β€”specifically the full developer suiteβ€”refers to a critical cybersecurity and coding evaluation metric popularized by the release of advanced AI models like Claude Mythos Preview The "181 Dev Full" Review: Advanced Exploitation & Coding 181 Scoreboard Synchronized matrix boards operating over RS-485 or 2

: Standardized 181-DEV telemetry definitions.

Whether you are a software engineer building an esports analytics platform, a sports betting developer handling heavy API payloads, or a project manager seeking a full-stack production dashboard, understanding how to construct a scalable scoreboard development environment is essential. Decoupling the Architecture of a Full Dev Scoreboard [ Referee / Operator Input ] [ Automated

scoreboard players add @p DevFull 1

If you are developing your project inside established ecosystems, refer to the Yandex Games SDK Leaderboards Guide for native implementation methods, or explore the Megavex Network Minecraft Scoreboard Library for high-performance packet-level server management.

of a specific AI model or software (like Aider or Hugging Face)? Source code for implementing a scoreboard in a game (like Corporate R&D data from an official economic report?

In a "dev" or technical sense, this ID is used in URL structures (e.g., .../scoreboard/181 ) to retrieve the full data set for that specific game from the backend. 2. "181" as a Developmental Milestone

Who we are

Heyo! We're Addy & Hassan β€” Engineers & Educators.

Profile picture of Addy Osmani

AddyOsmani

I'm an engineering leader working on Google Chrome and I lead up Chrome's Developer Experience organization, helping reduce the friction for developers to build great user experiences.

HassanDjirdeh

I'm a senior software engineer and have built large production web applications at organizations like Doordash, Instacart, and Shopify.

Profile picture of Addy Osmani

Pick your package

β€œBuilding Large Scale Web Apps” is available in either an e-book or as a physical copy.

E-book

Great for digital learners.

$24.99USD

  • 300+ pages
  • PDF or EPub (or both)
  • All future updates
Buy with Leanpub Or buy with Apple Books or Google Play

Physical copy (softcover)

Perfect for hands-on referencers.

$49.99USD

  • 300+ pages
  • Softcover
  • Something to put on your bookshelf
  • Interested in both the e-book and physical copy? Purchase both separately!
Buy Physical Copy

Some words from readers

Here are some things we've been hearing from our readers.

FAQ

Got questions? We've got answers.