Skip to content

inline isServer for proper DCE - #7996

Merged
schiller-manuel merged 1 commit into
mainfrom
bundlesize-inline-isserver
Aug 8, 2026
Merged

inline isServer for proper DCE#7996
schiller-manuel merged 1 commit into
mainfrom
bundlesize-inline-isserver

Conversation

@schiller-manuel

@schiller-manuel schiller-manuel commented Aug 7, 2026

Copy link
Copy Markdown
Collaborator

Summary by CodeRabbit

  • Refactor
    • Improved server-side rendering compatibility and build-time optimization across React, Solid, and Vue routing.
    • Preserved existing server-rendered state handling and client-side behavior.

@coderabbitai

coderabbitai Bot commented Aug 7, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 98a923ef-ff84-4170-bfc7-8f502f80e433

📥 Commits

Reviewing files that changed from the base of the PR and between 4fa1df7 and 8c88574.

📒 Files selected for processing (4)
  • packages/react-router/src/link.tsx
  • packages/react-router/src/useRouterState.tsx
  • packages/solid-router/src/useRouterState.tsx
  • packages/vue-router/src/useRouterState.tsx

📝 Walkthrough

Walkthrough

The React, Solid, and Vue router implementations inline isServer ?? router.isServer in SSR conditions. Existing server state handling and client subscriptions remain unchanged. React Link includes comments for bundler dead-code elimination.

Changes

SSR detection

Layer / File(s) Summary
Inline server checks
packages/react-router/src/link.tsx, packages/react-router/src/useRouterState.tsx, packages/solid-router/src/useRouterState.tsx, packages/vue-router/src/useRouterState.tsx
SSR conditions now evaluate isServer ?? router.isServer inline. React Link documents the inline form required for bundler constant folding.

Estimated code review effort: 2 (Simple) | ~5 minutes

Suggested reviewers: sheraff

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly and concisely describes inlining isServer to enable proper dead-code elimination, which is the main change.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch bundlesize-inline-isserver

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 7, 2026

Copy link
Copy Markdown
Contributor

View your CI Pipeline Execution ↗ for commit 5f744df

Command Status Duration Result
nx run-many --target=build --exclude=examples/*... ✅ Succeeded 2m 12s View ↗

☁️ Nx Cloud last updated this comment at 2026-08-08 00:12:04 UTC

@github-actions

github-actions Bot commented Aug 7, 2026

Copy link
Copy Markdown
Contributor

🚀 Changeset Version Preview

No changeset entries found. Merging this PR will not cause a version bump for any packages.

@pkg-pr-new

pkg-pr-new Bot commented Aug 7, 2026

Copy link
Copy Markdown
More templates

@tanstack/arktype-adapter

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

@tanstack/eslint-plugin-router

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

@tanstack/eslint-plugin-start

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

@tanstack/history

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

@tanstack/nitro-v2-vite-plugin

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

@tanstack/react-router

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

@tanstack/react-router-devtools

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

@tanstack/react-router-ssr-query

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

@tanstack/react-start

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

@tanstack/react-start-client

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

@tanstack/react-start-rsc

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

@tanstack/react-start-server

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

@tanstack/router-cli

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

@tanstack/router-core

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

@tanstack/router-devtools

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

@tanstack/router-devtools-core

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

@tanstack/router-generator

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

@tanstack/router-plugin

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

@tanstack/router-ssr-query-core

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

@tanstack/router-utils

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

@tanstack/router-vite-plugin

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

@tanstack/solid-router

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

@tanstack/solid-router-devtools

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

@tanstack/solid-router-ssr-query

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

@tanstack/solid-start

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

@tanstack/solid-start-client

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

@tanstack/solid-start-server

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

@tanstack/start-client-core

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

@tanstack/start-fn-stubs

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

@tanstack/start-plugin-core

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

@tanstack/start-server-core

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

@tanstack/start-static-server-functions

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

@tanstack/start-storage-context

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

@tanstack/valibot-adapter

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

@tanstack/virtual-file-routes

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

@tanstack/vue-router

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

@tanstack/vue-router-devtools

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

@tanstack/vue-router-ssr-query

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

@tanstack/vue-start

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

@tanstack/vue-start-client

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

@tanstack/vue-start-server

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

@tanstack/zod-adapter

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

commit: 8c88574

@github-actions

github-actions Bot commented Aug 7, 2026

Copy link
Copy Markdown
Contributor

Bundle Size Benchmarks

This pull request does not affect bundle size in any measured scenario.

@codspeed-hq

codspeed-hq Bot commented Aug 7, 2026

Copy link
Copy Markdown

Merging this PR will regress 5 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

⚡ 4 improved benchmarks
❌ 5 regressed benchmarks
✅ 171 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 (solid) 410.8 KB 845.3 KB -51.4%
Memory mem client unique-location-churn (solid) 341.6 KB 566.6 KB -39.71%
Memory mem server error-paths redirect (vue) 300.2 KB 442.5 KB -32.16%
Memory mem server peak-large-page (solid) 813.2 KB 995.8 KB -18.34%
Memory mem client navigation-churn (solid) 563.1 KB 594 KB -5.2%
Memory mem server server-fn-churn (vue) 3,927.3 KB 274.8 KB ×14
Memory mem server peak-large-page (react) 2,064 KB 952.8 KB ×2.2
Simulation ssr request loop (solid) 152.3 ms 145.5 ms +4.66%
Memory mem server error-paths not-found (vue) 333 KB 320.5 KB +3.92%

Tip

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


Comparing bundlesize-inline-isserver (8c88574) with main (4fa1df7)

Open in CodSpeed

@schiller-manuel
schiller-manuel force-pushed the bundlesize-inline-isserver branch from a28b3d3 to 5f744df Compare August 7, 2026 23:53
Base automatically changed from bundlesize-no-esbuild to main August 8, 2026 00:04
@schiller-manuel
schiller-manuel requested a review from a team as a code owner August 8, 2026 00:04
@schiller-manuel
schiller-manuel force-pushed the bundlesize-inline-isserver branch from 5f744df to 8c88574 Compare August 8, 2026 00:04
@schiller-manuel
schiller-manuel merged commit c568caf into main Aug 8, 2026
24 of 26 checks passed
@schiller-manuel
schiller-manuel deleted the bundlesize-inline-isserver branch August 8, 2026 07:55
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