Rewrite vs refactor frontend is a counterintuitive choice: throwing engineering headcount at a rewrite often increases time-to-market and churn, not velocity. The primary decision should be economic and operational, not architectural theater.

A 5-engineer product team in the U.S. carries roughly $900k–$1.1M/yr fully loaded ($180k–$220k per engineer). Frontend rewrites that pull 4–8 engineers off roadmap for 6–12 months therefore consume $600k–$2.0M in salary alone. Product-impact numbers matter: a 100ms improvement in Time to Interactive (TTI) typically moves conversion by ~0.5–1.5%, which for a $5M ARR product is worth $25k–$75k/yr in run-rate — not enough to justify a rewrite by itself.

Direct answer: choose a rewrite only when a rewrite's one-time cost (typically $1.0M–$2.5M for a mid-market product) is smaller than the present value of three years of constrained velocity, operational drag, and third-party license costs. If the architectural problem can be removed by targeted changes that cost under ~$600k and restore at least 40–60% of lost velocity within 12–18 months, prefer incremental refactor or strangler patterns.

When to choose rewrite vs refactor frontend

Start with the spend math. A big-bang rewrite that needs 6 engineers for 9 months costs 6 × $200k × 0.75 = $900k in loaded salaries. Add QA/devops and third-party licenses and plan for $1.1M–$1.6M one-time. The three-year TCO including lost feature velocity and ramp is commonly $1.2M–$2.5M for mid-market products.

An incremental refactor using two engineers at 50% allocation for 18 months is roughly 1 FTE for 1.5 years → $300k in loaded cost. Add $50k–$150k in testing, observability, and temporary tech debt interest and your three-year TCO is $350k–$600k. That is a 3–6× cost gap versus a large rewrite.

Cost alone isn't the full criterion. Consider three operational thresholds: developer velocity, security/compliance, and product impossibility. If your frontend stack prevents necessary integrations (payment providers, SSO, or accessibility hooks) and those blockers cost >30% of roadmap value for 12+ months, rewrite becomes defensible. If the problem is mostly maintainability or spiky bugs, refactor wins.

Risk profiles diverge. Empirically, big-bang rewrites carry higher rollout failure risk and longer user-facing regressions: expect a 10–20% probability of a major incident during cutover and a 3–6 month hit to new feature velocity post-launch. Incremental migrations using the strangler pattern have a 3–8% major-incident risk per release and preserve continuous delivery.

Technical indicators you can measure in 30 days: mean time to change (MTTC), pull-request cycle time, and hotfix frequency. If MTTC is >7 days, PR cycle >72 hours, and hotfixes exceed 4/month, you have empirical evidence that architecture is a blocker. Translate those metrics into roadmap dollars — e.g., each lost sprint for a 5-engineer team costs ~($200k/yr)/26 ≈ $7.7k per sprint per engineer.

Only rewrite when the one-time cost plus rollout risk is smaller than three years of lost velocity and operational drag — otherwise use an incremental strangler and surgical refactor.

Concrete tradeoffs and migration patterns

Strangler pattern: carve features out behind an adapter layer and route traffic incrementally. Typical cost: 1–3 engineers for 6–18 months; expected user-visible regressions under 1–2%. This pattern keeps developer velocity at ≥60% of baseline while reducing risk.

Coexistence with adapter layers: implement a thin compatibility layer that continues to serve legacy clients while new modules are introduced. Adapter work is cheap relative to full rewrites — a single senior engineer can often deliver a stable adapter for $160k–$240k/yr effort scaled by months.

Big-bang rewrite only pays when the redesign yields step-change economics: e.g., removes a $300k/yr legacy licensing bill, unlocks rearchitected caching that cuts CDN egress by 40% (>$120k/yr), or supports a new product line that adds >$1M ARR within 18 months. Absent those clear dollar deltas, a rewrite amplifies risk.

What this means for CTOs and founders

You must budget rewrites as product investments, not purely engineering projects. Put a three-year ROI threshold on any rewrite: the present value of regained velocity, new revenue, or cut run-rate must exceed the rewrite's 3-year TCO. For mid-market products that threshold rarely falls below $1.2M.

If you have limited runway, choose incremental refactor: prioritize release-safe patterns — component-level migration, contract tests, and feature flags. Expect to pay 30–50% more in total elapsed months versus a rewrite, but pay 60–80% less cash and expose far less operational risk.

When you do pick rewrite, scope it like a product: timebox to 6–9 months with clear milestones, reserve 20% contingency for stabilization, run parallel feature teams (one to stabilize legacy, one to build new), and plan a 3-month hard freeze for cutover testing. Treat rollout as the product launch it is.

Decision checklist (3–5 quick items)

1) Quantify the three-year TCO of both options in dollars. 2) Measure MTTC, PR cycle time, and hotfix rate for empirical evidence. 3) Identify any >$100k/yr cost line the rewrite eliminates. 4) Prefer strangler pattern unless rewrite unlocks ≥40% velocity improvement or ≥$300k/yr cost savings. 5) Require a timeboxed plan, rollback criteria, and monitoring budget before greenlight.

Three practical signals that force a rewrite: an unfixable third-party dependency, regulatory requirements (e.g., accessibility or data residency) that the legacy stack cannot meet, or an irreconcilable mismatch between the UI platform and product roadmap (for example, needing true offline-first capabilities that the current architecture cannot support).

If you need external help, hire a firm that will own outcomes, not just hours. You want a partner who will produce an ROI-based migration plan, instrument the right observability, and deliver the staged rollout — not a catalog of tickets.

Rewriting the frontend is seductive because it promises a clean slate. But the successful path for most mid-market products is surgical: translate blockers into dollars, measure velocity impact, and pick the option that minimizes three-year TCO while protecting users and revenue.