[v2] chore(examples): replace leftover template package names and page titles by dasjideepak · Pull Request #2405 · TanStack/form

dasjideepak · 2026-09-25T21:14:10Z

🎯 Changes

First PR for #2305. It covers the first two checklist items: leftover TanStack Template wording, and duplicate or incorrect package names.

Package names. Eight React examples didn't follow the @tanstack/form-example-<framework>-<folder> pattern the other examples use:

Example	Before	After
react/array	`@tanstack/template-example-react-array`	`@tanstack/form-example-react-array`
react/basic	`@tanstack/template-example-react-basic`	`@tanstack/form-example-react-basic`
react/basic-splitting-form	`@tanstack/template-example-react-basic-splitting-form`	`@tanstack/form-example-react-basic-splitting-form`
react/field-groups	`@tanstack/template-example-react-field-group`	`@tanstack/form-example-react-field-groups`
react/nextjs	`@tanstack/template-example-react-nextjs`	`@tanstack/form-example-react-nextjs`
react/tanstack-start	`tanstack-start-example-basic`	`@tanstack/form-example-react-tanstack-start`
react/ui-integration-dnd-kit	`@tanstack/tanstack-form-example-react-dnd-kit`	`@tanstack/form-example-react-ui-integration-dnd-kit`
react/ui-integration-shadcn	`@tanstack/tanstack-form-example-react-shadcn-ui`	`@tanstack/form-example-react-ui-integration-shadcn`

There were no duplicate names left once these were fixed.

Template wording. Six of those examples still had <title>TanStack Template - React Basic Example</title>. They now have a title that names the example, e.g. TanStack Form React Field Groups Example. I kept the change to the titles only; aligning the rest of the head config across examples is the next PR.

.changeset/pre.json. react/nextjs is the only example with a version, so it's listed in initialVersions under the old name. I renamed that key to match. If you'd rather not touch the pre-release file, I can drop that line.

Nothing references the old names elsewhere: the lockfile keys importers by path, and pnpm install --frozen-lockfile passes unchanged.

✅ Checklist

I have followed the steps in the Contributing guide.
I have tested code changes locally with pnpm test:pr, or these tests do not apply to this pull request. (Example metadata only; pnpm test:sherif and pnpm test:knip pass.)
I fully understand the code in this pull request, including any code generated with AI assistance.

🚀 Release Impact

This change affects published code, and I have generated a changeset.
This change is docs/CI/dev-only (no release).

@LeCarbonator, ready for review. Next up: the port and head config, then devtools and StrictMode.

Summary by CodeRabbit

Examples
- React example pages now display TanStack Form titles, making the demos easier to identify.
- Updated titles cover array forms, basic forms, field groups, splitting forms, Next.js, TanStack Start, and UI integrations with dnd kit and shadcn/ui.
- These changes affect example names and page titles; no user-facing form behavior changes are included.

coderabbitai · 2026-09-25T21:15:36Z

Navigate logical layers of code changes, visualize relationships, and explore their blast radius.

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository: TanStack/form/.coderabbit.yaml

Review profile: CHILL

Plan: Advanced

Run ID: 80dbe601-c9a0-4200-87fe-ec8ad48caeb8

📥 Commits

Reviewing files that changed from the base of the PR and between 541abc8 and deafbac.

📒 Files selected for processing (15)

.changeset/pre.json
examples/react/array/index.html
examples/react/array/package.json
examples/react/basic-splitting-form/index.html
examples/react/basic-splitting-form/package.json
examples/react/basic/index.html
examples/react/basic/package.json
examples/react/field-groups/index.html
examples/react/field-groups/package.json
examples/react/nextjs/package.json
examples/react/tanstack-start/package.json
examples/react/ui-integration-dnd-kit/index.html
examples/react/ui-integration-dnd-kit/package.json
examples/react/ui-integration-shadcn/index.html
examples/react/ui-integration-shadcn/package.json

Included review availability: Your plan provides up to 8 included reviews per hour; 7 remain after this review.

📝 Walkthrough

Walkthrough

React example package names and page titles now identify TanStack Form and the specific example. The changeset entry for the Next.js example uses its updated package name; its version remains unchanged.

Changes

React example metadata

Layer / File(s)	Summary
Update React example metadata `examples/react/{array,basic,basic-splitting-form,field-groups,ui-integration-dnd-kit,ui-integration-shadcn}/{index.html,package.json}`, `examples/react/{nextjs,tanstack-start}/package.json`, `.changeset/pre.json`	Package names and page titles are updated across the React examples. The changeset initial version entry uses the updated Next.js package name, with the version unchanged.

Priority: ⬇️ Low

Estimated code review effort: 1 (Trivial) | ~4 minutes

Change: Other

Merge Risk: ⚪ Minimal · up to deafb

The changes update example package names and page titles without changing the Next.js version. No stale references to the old package names were found, so no material merge risk remains.

Architecture Summary

Architecture risk: 🔵 Low · up to deafb

The change affects 1 system.

Changed systems: examples

Architecture concerns
No architecture-level concerns identified.

Review details

Systems and components

observed — examples (service) was modified; 14 changed files map to changed impact.

Before / after behavior

observed — Modified behavior in examples/react/array/index.html: The document title is updated from the React Basic template title to the TanStack Form React Array example title.
observed — Modified behavior in examples/react/array/package.json: Renames the package from @tanstack/template-example-react-array to @tanstack/form-example-react-array.
observed — Modified behavior in examples/react/basic-splitting-form/index.html: The document title changes from “TanStack Template - React Basic Example” to “TanStack Form React Basic Splitting Form Example.”
observed — Modified behavior in examples/react/basic-splitting-form/package.json: The package name changes from @tanstack/template-example-react-basic-splitting-form to @tanstack/form-example-react-basic-splitting-form.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly identifies the metadata cleanup: replacing leftover template package names and page titles.
Description check	✅ Passed	The description follows the required template, explains the package and title changes, documents validation results, and identifies the change as dev-only. The test checklist entry is slightly ambiguo…
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 0…
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 unit tests (beta)

Create a new PR

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 · 2026-09-26T05:45:12Z

View your CI Pipeline Execution ↗ for commit deafbac

Command	Status	Duration	Result
`nx affected --targets=test:sherif,test:knip,tes...`	✅ Succeeded	1m 48s	View ↗
`nx run-many --target=build --exclude=examples/**`	✅ Succeeded	<1s	View ↗

☁️ Nx Cloud last updated this comment at 2026-09-26 05:47:44 UTC

pkg-pr-new · 2026-09-26T05:46:08Z

More templates

@tanstack/angular-form

npm i https://pkg.pr.new/@tanstack/angular-form@2405

@tanstack/form-core

npm i https://pkg.pr.new/@tanstack/form-core@2405

@tanstack/form-devtools

npm i https://pkg.pr.new/@tanstack/form-devtools@2405

@tanstack/lit-form

npm i https://pkg.pr.new/@tanstack/lit-form@2405

@tanstack/preact-form

npm i https://pkg.pr.new/@tanstack/preact-form@2405

@tanstack/react-form

npm i https://pkg.pr.new/@tanstack/react-form@2405

@tanstack/react-form-devtools

npm i https://pkg.pr.new/@tanstack/react-form-devtools@2405

@tanstack/react-form-nextjs

npm i https://pkg.pr.new/@tanstack/react-form-nextjs@2405

@tanstack/react-form-start

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

@tanstack/solid-form

npm i https://pkg.pr.new/@tanstack/solid-form@2405

@tanstack/solid-form-devtools

npm i https://pkg.pr.new/@tanstack/solid-form-devtools@2405

@tanstack/svelte-form

npm i https://pkg.pr.new/@tanstack/svelte-form@2405

@tanstack/vue-form

npm i https://pkg.pr.new/@tanstack/vue-form@2405

commit: deafbac

chore(examples): replace leftover template package names and page titles

deafbac

dasjideepak mentioned this pull request Sep 25, 2026

[v2] chore(examples): devtools and StrictMode in every React example #2406

Open

5 tasks

dasjideepak mentioned this pull request Sep 26, 2026

[v2] chore(examples): render every React example in StrictMode #2409

Closed

5 tasks

Navigation Menu

Uh oh!

[v2] chore(examples): replace leftover template package names and page titles - #2405

[v2] chore(examples): replace leftover template package names and page titles#2405
dasjideepak wants to merge 1 commit into
TanStack:alphafrom
dasjideepak:examples/fix-template-leftovers

dasjideepak commented Sep 25, 2026 •

edited by coderabbitai Bot

Loading

Uh oh!

coderabbitai Bot commented Sep 25, 2026 •

edited

Loading

Walkthrough

Changes

Uh oh!

nx-cloud Bot commented Sep 26, 2026 •

edited

Loading

Uh oh!

pkg-pr-new Bot commented Sep 26, 2026

Uh oh!

This branch has not been deployed

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Uh oh!

Conversation

dasjideepak commented Sep 25, 2026 • edited by coderabbitai Bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🎯 Changes

✅ Checklist

🚀 Release Impact

Summary by CodeRabbit

Uh oh!

coderabbitai Bot commented Sep 25, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Architecture Summary

Uh oh!

nx-cloud Bot commented Sep 26, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

pkg-pr-new Bot commented Sep 26, 2026

Uh oh!

This branch has not been deployed

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

dasjideepak commented Sep 25, 2026 •

edited by coderabbitai Bot

Loading

coderabbitai Bot commented Sep 25, 2026 •

edited

Loading

nx-cloud Bot commented Sep 26, 2026 •

edited

Loading