Skip to content

perf(router-core): derive match frame depth - #7973

Draft
Sheraff wants to merge 2 commits into
mainfrom
codex/bundle-size-principles
Draft

perf(router-core): derive match frame depth#7973
Sheraff wants to merge 2 commits into
mainfrom
codex/bundle-size-principles

Conversation

@Sheraff

@Sheraff Sheraff commented Aug 5, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • remove the derived depth field from private route-match stack frames
  • derive optional-skip and specificity depth from the canonical trie node
  • add an equal-specificity pathless regression test and focused uncached matcher benchmark
  • record before/after bundle and runtime results

Why

Every match frame already carries a trie node whose immutable depth is the source used by branch construction. Copying that same fact onto every speculative frame adds a non-mangleable object key, a property store, and a larger frame shape.

This applies the “one fact, one representation” principle without changing a public API or restructuring the matcher.

Measurements

react-router.minimal:

Metric Before After Delta
gzip 89,200 89,164 -36
initial gzip 89,058 89,023 -35
raw 275,591 275,481 -110
brotli 77,742 77,653 -89

The full 17-scenario matrix improved gzip by 29–54 bytes in every scenario, initial gzip in every scenario, and raw output by 90–110 bytes. Brotli varied from -115 to +127 bytes across differently chunked apps; gzip is the benchmark’s primary metric and raw output decreased everywhere.

Focused findSingleMatch means also improved directionally:

  • deep static: 0.0348 ms → 0.0347 ms
  • all optionals present: 1.2670 ms → 1.2458 ms
  • all optionals skipped: 0.0909 ms → 0.0894 ms
  • mixed optionals: 0.9191 ms → 0.8908 ms

All benchmark RMEs were below 1%; the mixed-optional result is the clearest signal.

Checks

  • @tanstack/router-core:test:unit: 105 files passed; 1,524 passed, 3 expected failures
  • @tanstack/router-core:test:types: TypeScript 5.6, 5.7, 5.8, 5.9, 6.0, and 7.0 passed
  • @tanstack/router-core:test:eslint: 0 errors (26 existing warnings)
  • React Router nested-pathless-layout e2e: 3 passed
  • full bundle-size benchmark
  • five independent invariant/test/performance reviews

@coderabbitai

coderabbitai Bot commented Aug 5, 2026

Copy link
Copy Markdown
Contributor

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: fa616c9c-f2de-4d63-8d37-6cff649d4f2f

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@nx-cloud

nx-cloud Bot commented Aug 5, 2026

Copy link
Copy Markdown
Contributor

View your CI Pipeline Execution ↗ for commit d808c70

Command Status Duration Result
nx affected --targets=test:eslint,test:unit,tes... ✅ Succeeded 11m 41s View ↗
nx run-many --target=build --exclude=examples/*... ✅ Succeeded 2m 18s View ↗

☁️ Nx Cloud last updated this comment at 2026-08-05 23:46:57 UTC

@github-actions

github-actions Bot commented Aug 5, 2026

Copy link
Copy Markdown
Contributor

🚀 Changeset Version Preview

5 package(s) bumped directly, 18 bumped as dependents.

🟩 Patch bumps

Package Version Reason
@tanstack/react-router 1.170.20 → 1.170.21 Changeset
@tanstack/router-core 1.171.17 → 1.171.18 Changeset
@tanstack/solid-router 1.170.20 → 1.170.21 Changeset
@tanstack/start-server-core 1.169.20 → 1.169.21 Changeset
@tanstack/vue-router 1.170.19 → 1.170.20 Changeset
@tanstack/react-start 1.168.37 → 1.168.38 Dependent
@tanstack/react-start-client 1.168.18 → 1.168.19 Dependent
@tanstack/react-start-rsc 0.1.36 → 0.1.37 Dependent
@tanstack/react-start-server 1.167.25 → 1.167.26 Dependent
@tanstack/router-cli 1.167.23 → 1.167.24 Dependent
@tanstack/router-generator 1.167.23 → 1.167.24 Dependent
@tanstack/router-plugin 1.168.25 → 1.168.26 Dependent
@tanstack/router-vite-plugin 1.167.25 → 1.167.26 Dependent
@tanstack/solid-start 1.168.36 → 1.168.37 Dependent
@tanstack/solid-start-client 1.168.18 → 1.168.19 Dependent
@tanstack/solid-start-server 1.167.25 → 1.167.26 Dependent
@tanstack/start-client-core 1.170.16 → 1.170.17 Dependent
@tanstack/start-plugin-core 1.171.28 → 1.171.29 Dependent
@tanstack/start-static-server-functions 1.167.21 → 1.167.22 Dependent
@tanstack/start-storage-context 1.167.19 → 1.167.20 Dependent
@tanstack/vue-start 1.168.35 → 1.168.36 Dependent
@tanstack/vue-start-client 1.167.21 → 1.167.22 Dependent
@tanstack/vue-start-server 1.167.25 → 1.167.26 Dependent

@github-actions

github-actions Bot commented Aug 5, 2026

Copy link
Copy Markdown
Contributor

Bundle Size Benchmarks

  • Commit: fc4eefc549ca
  • Measured at: 2026-08-05T23:36:28.605Z
  • Baseline source: history:697ebb6ddbd4
  • Dashboard: bundle-size history

The following scenarios have bundle-size changes compared with the baseline:

Scenario Current (gzip) Delta vs baseline Initial gzip Raw Brotli Trend
react-router.minimal 87.07 KiB -36 B (-0.04%) 86.94 KiB 269.02 KiB 75.83 KiB ████▂▂▂▂▂▁▂▁
react-router.full 90.86 KiB -36 B (-0.04%) 90.73 KiB 280.98 KiB 79.14 KiB ████▃▃▃▃▃▂▂▁
solid-router.minimal 34.77 KiB -29 B (-0.08%) 34.64 KiB 99.88 KiB 31.35 KiB ████▂▂▂▂▂▁▁▁
solid-router.full 39.86 KiB -36 B (-0.09%) 39.74 KiB 115.05 KiB 35.87 KiB ████▂▂▂▂▂▁▁▁
vue-router.minimal 52.07 KiB -30 B (-0.06%) 51.93 KiB 143.03 KiB 46.89 KiB ████▂▂▂▂▂▁▁▁
vue-router.full 58.02 KiB -34 B (-0.06%) 57.89 KiB 161.70 KiB 52.08 KiB ████▂▂▂▂▂▁▁▁
react-start.minimal 100.56 KiB -35 B (-0.03%) 100.43 KiB 312.19 KiB 87.26 KiB ███████▁▁▁▁▁
react-start.deferred-hydration 101.31 KiB -32 B (-0.03%) 100.45 KiB 313.56 KiB 87.95 KiB ███████▁▁▁▁▁
react-start.full 103.87 KiB -54 B (-0.05%) 103.73 KiB 322.14 KiB 90.21 KiB ███████▁▁▁▁▁
react-start.rsbuild.minimal 100.19 KiB -48 B (-0.05%) 100.02 KiB 316.70 KiB 86.35 KiB ▁▁▁▁▂▂▂████▇
react-start.rsbuild.minimal-iife 100.60 KiB -49 B (-0.05%) 100.43 KiB 317.63 KiB 86.72 KiB ▁▁▁▁▂▂▂████▇
react-start.rsbuild.full 103.52 KiB -54 B (-0.05%) 103.34 KiB 326.79 KiB 89.13 KiB ▁▁▁▁▃▃▃████▇
solid-start.minimal 48.15 KiB -32 B (-0.06%) 48.02 KiB 142.02 KiB 42.87 KiB ███████▁▁▁▁▁
solid-start.deferred-hydration 51.41 KiB -30 B (-0.06%) 48.08 KiB 150.06 KiB 45.78 KiB ███████▁▁▁▁▁
solid-start.full 53.40 KiB -38 B (-0.07%) 53.27 KiB 157.75 KiB 47.41 KiB ████▆▆▆▁▁▁▁▁
vue-start.minimal 68.93 KiB -45 B (-0.06%) 68.80 KiB 195.03 KiB 61.33 KiB ████▆▆▆▁▁▁▁▁
vue-start.full 72.90 KiB -36 B (-0.05%) 72.77 KiB 207.53 KiB 64.79 KiB ████▆▆▆▁▁▁▁▁

Current gzip tracks all emitted client JS chunks. Initial gzip tracks only the entry/import graph. Trend sparkline is historical current gzip ending with this PR measurement; lower is better.

@pkg-pr-new

pkg-pr-new Bot commented Aug 5, 2026

Copy link
Copy Markdown
More templates

@tanstack/arktype-adapter

npm i https://pkg.pr.new/@tanstack/arktype-adapter@7973

@tanstack/eslint-plugin-router

npm i https://pkg.pr.new/@tanstack/eslint-plugin-router@7973

@tanstack/eslint-plugin-start

npm i https://pkg.pr.new/@tanstack/eslint-plugin-start@7973

@tanstack/history

npm i https://pkg.pr.new/@tanstack/history@7973

@tanstack/nitro-v2-vite-plugin

npm i https://pkg.pr.new/@tanstack/nitro-v2-vite-plugin@7973

@tanstack/react-router

npm i https://pkg.pr.new/@tanstack/react-router@7973

@tanstack/react-router-devtools

npm i https://pkg.pr.new/@tanstack/react-router-devtools@7973

@tanstack/react-router-ssr-query

npm i https://pkg.pr.new/@tanstack/react-router-ssr-query@7973

@tanstack/react-start

npm i https://pkg.pr.new/@tanstack/react-start@7973

@tanstack/react-start-client

npm i https://pkg.pr.new/@tanstack/react-start-client@7973

@tanstack/react-start-rsc

npm i https://pkg.pr.new/@tanstack/react-start-rsc@7973

@tanstack/react-start-server

npm i https://pkg.pr.new/@tanstack/react-start-server@7973

@tanstack/router-cli

npm i https://pkg.pr.new/@tanstack/router-cli@7973

@tanstack/router-core

npm i https://pkg.pr.new/@tanstack/router-core@7973

@tanstack/router-devtools

npm i https://pkg.pr.new/@tanstack/router-devtools@7973

@tanstack/router-devtools-core

npm i https://pkg.pr.new/@tanstack/router-devtools-core@7973

@tanstack/router-generator

npm i https://pkg.pr.new/@tanstack/router-generator@7973

@tanstack/router-plugin

npm i https://pkg.pr.new/@tanstack/router-plugin@7973

@tanstack/router-ssr-query-core

npm i https://pkg.pr.new/@tanstack/router-ssr-query-core@7973

@tanstack/router-utils

npm i https://pkg.pr.new/@tanstack/router-utils@7973

@tanstack/router-vite-plugin

npm i https://pkg.pr.new/@tanstack/router-vite-plugin@7973

@tanstack/solid-router

npm i https://pkg.pr.new/@tanstack/solid-router@7973

@tanstack/solid-router-devtools

npm i https://pkg.pr.new/@tanstack/solid-router-devtools@7973

@tanstack/solid-router-ssr-query

npm i https://pkg.pr.new/@tanstack/solid-router-ssr-query@7973

@tanstack/solid-start

npm i https://pkg.pr.new/@tanstack/solid-start@7973

@tanstack/solid-start-client

npm i https://pkg.pr.new/@tanstack/solid-start-client@7973

@tanstack/solid-start-server

npm i https://pkg.pr.new/@tanstack/solid-start-server@7973

@tanstack/start-client-core

npm i https://pkg.pr.new/@tanstack/start-client-core@7973

@tanstack/start-fn-stubs

npm i https://pkg.pr.new/@tanstack/start-fn-stubs@7973

@tanstack/start-plugin-core

npm i https://pkg.pr.new/@tanstack/start-plugin-core@7973

@tanstack/start-server-core

npm i https://pkg.pr.new/@tanstack/start-server-core@7973

@tanstack/start-static-server-functions

npm i https://pkg.pr.new/@tanstack/start-static-server-functions@7973

@tanstack/start-storage-context

npm i https://pkg.pr.new/@tanstack/start-storage-context@7973

@tanstack/valibot-adapter

npm i https://pkg.pr.new/@tanstack/valibot-adapter@7973

@tanstack/virtual-file-routes

npm i https://pkg.pr.new/@tanstack/virtual-file-routes@7973

@tanstack/vue-router

npm i https://pkg.pr.new/@tanstack/vue-router@7973

@tanstack/vue-router-devtools

npm i https://pkg.pr.new/@tanstack/vue-router-devtools@7973

@tanstack/vue-router-ssr-query

npm i https://pkg.pr.new/@tanstack/vue-router-ssr-query@7973

@tanstack/vue-start

npm i https://pkg.pr.new/@tanstack/vue-start@7973

@tanstack/vue-start-client

npm i https://pkg.pr.new/@tanstack/vue-start-client@7973

@tanstack/vue-start-server

npm i https://pkg.pr.new/@tanstack/vue-start-server@7973

@tanstack/zod-adapter

npm i https://pkg.pr.new/@tanstack/zod-adapter@7973

commit: d808c70

@codspeed-hq

codspeed-hq Bot commented Aug 5, 2026

Copy link
Copy Markdown

Merging this PR will regress 4 benchmarks

⚠️ Different runtime environments detected

Some benchmarks with significant performance changes were compared across different runtime environments,
which may affect the accuracy of the results.

Open the report in CodSpeed to investigate

⚡ 6 improved benchmarks
❌ 4 regressed benchmarks
✅ 170 untouched benchmarks

Warning

Please fix the performance issues or acknowledge them on CodSpeed.

Performance Changes

Mode Benchmark BASE HEAD Efficiency
Memory mem server error-paths not-found (vue) 324.7 KB 2,124.7 KB -84.72%
Memory mem server error-paths not-found (solid) 415.1 KB 799.3 KB -48.07%
Memory mem server serialization-payload (react) 3.2 MB 3.5 MB -8.46%
Simulation ssr dehydrate rich types (vue) 135.2 ms 140 ms -3.48%
Memory mem server server-fn-churn (vue) 4,147.3 KB 275.8 KB ×15
Memory mem server error-paths unmatched (vue) 2,142.1 KB 478.9 KB ×4.5
Memory mem server peak-large-page (react) 1,737.5 KB 943.4 KB +84.17%
Memory mem server error-paths redirect (solid) 388 KB 289 KB +34.25%
Memory mem server error-paths redirect (vue) 338.6 KB 306.2 KB +10.61%
Memory mem client navigation-churn (vue) 1.3 MB 1.2 MB +3.83%

Tip

Investigate this regression by commenting @codspeedbot fix this regression on this PR, or directly use the CodSpeed MCP with your agent.


Comparing codex/bundle-size-principles (d808c70) with main (697ebb6)

Open in CodSpeed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant