Repository navigation
[v2] Standardize the example projects #2305
Description
Activity
Hi @LeCarbonator, I'd like to pick this up if nobody else is on it.
I'm planning to split it into a few small PRs so they're easy to review, starting with removing the leftover TanStack Template wording and fixing duplicate or wrong package names. Then the port/head config, and after that devtools + StrictMode.
Let me know if you'd like a different order or if anything on the list has changed.
The order doesn't really matter. Request a review from me once the PRs are ready! Thanks for tackling it! @dasjideepak
Reacted by Deepak SharmaTwo quick questions before the next PRs @LeCarbonator :
- Ports: Angular, Lit, Preact, Solid and Svelte already use a range per framework (e.g. Svelte 3101–3109, Solid 3201–3209), while React and Vue mostly share 3001/3005. Should I move React and Vue onto the same scheme, or do you want every example on one port?
- StrictMode: 6 React examples use it and the rest don't. Should they all use it, or none?
- The ports aren't that important. I initially wrote it down since it could be confusing to have different ports per example, but since some examples work with different things that have separate defaults, I'd say just leave that part.
- StrictMode should be present on all of them.
Thanks, I'll leave the ports as they are. StrictMode is now part of #2406.
As a final cleanup pass, the example projects should be reviewed for consistent naming, configuration, tooling, and branding. Some examples originated from TanStack Template and still contain differences or leftover assets that should be addressed.
Checklist
headconfiguration across examples.TanStackDevtoolsin every example withhideUntilHover: false.StrictModepolicy across all examples.emblemSVG files and consider replacing them with a shared TanStack logo SVG.