How deeply does React in Depth cover dead-code elimination?

Explains stylesheet payloads, code splitting, and manual removal, but does not provide an elimination algorithm.

Dead-code elimination

Dead-code elimination is a technique that removes code or styles that are unreachable or unused from delivered software.

Dead-code elimination removes unused or unreachable code from delivered software. For stylesheets, it reduces maintenance debt by preventing rules from deleted features from remaining in the application. section 7.1.3

The practical payoff is smaller page-specific payloads: a 100 KB site-wide stylesheet may deliver only 2 KB of relevant styles on one page unless styles are split. Whether removal is automatic depends on the styling approach. section 7.1.3 section 7.3.5

Evaluate the elimination strategy against these trade-offs:

Treat code splitting as a delivery optimization: send only the styles required by each part of the website. section 7.1.3
Treat maintainability as a removal problem: delete styles left behind after features disappear. section 7.1.3
Expect class-name-based styling to require manual dead-code removal because usage cannot be determined automatically. section 7.3.5

A wasted stylesheet payload

A site-wide stylesheet contains 100 KB, while a specific page uses about 2 KB. Code splitting avoids delivering the unused 98 KB to that page. section 7.1.3

How React in Depth covers it

liveBook manning.com

Read React in Depth on liveBook Get the book at manning.com

Related concepts

performance optimizationkind of · Performance optimization is the systematic modification of software or its operating conditions to improve measured execution speed, responsiveness, throughput, or resource efficiency while preserving required behavior.
compilerused by · A compiler is software that translates source code into executable code or another representation, while analyzing it according to the source language’s rules.
CSS Modulesused by · CSS Modules is a build-time CSS scoping technique that transforms class names into locally unique names to prevent naming collisions.
maintenanceaddresses · Maintenance is the ongoing work of operating, correcting, repairing, adapting, updating, or supporting an existing system or content to preserve or improve its functioning.
moduleproduced by · A module is a distinct, bounded software unit that groups related code or functionality and provides an organizational or interaction boundary within a larger system.

This explainer was generated by Manning's knowledge graph from the text of React in Depth. The section links point to the parts of the book it draws on.