Quantifying the Health of a React Codebase
summary
Shows how Flexport measures React health by using static analysis to answer concrete questions: find all files matching form.jsx, scan imports to compute an adoption rate and produce a list of non‑using forms (two outputs), and then enforce fixes. Uses AST Explorer to prototype queries and jscodeshift to implement them, produces a codemod that rewrites free text to i18n and an ESLint rule no string literals when a codemod isn’t feasible.
AI-written summary · about
chapters (8)
- 0:00Intro
- 0:39The year is 1993... Rise of the internet
- 3:57The Ecosystem Lifecycle
- 6:19Codebase Health - What is the state of your codebase?
- 7:04In a React Codebase, questions around codebase health can look like
- 7:57Ask questions that have measurable answers
- 9:28Static Analysis - Our tools of choice
- 13:37Crystallizing best practices
related talks
48mFrom Chaos to Clarity Mathematical Foundations for Maintainable React Applications
20mExperiments with React Compiler in Production Code
12mCodecrumbs in React
32mHow React Compiler Performs on Real Code
30mSmells in React apps
26mReact Developer tooling
39mMaking Your React Apps Perform At Scale
33mMaximising performance with React code-splitting techniques