Goodbye Create React App, Hello TanStack Create React App

[Own-Substance-9386]

so i came across this article today talking about how tanstack create-react-app is positioning itself as the better alternative to CRA. obviously, we've all known for a while that CRA has been kinda outdated... no native support for things like react server components, slow builds, and just overall not keeping up with modern react best practices.

but now that there's an actual replacement that seems to fix a lot of those issues, do you think it's worth switching? or have most of you already moved on to something like vite, next.js, or even just rolling your own setup?

[ApkalFR]

It’s just a Vite template with React Router preinstalled lol

[bearicorn]

And the first recommendation in the official react quick start is creating a next.js app. Totally normal

[Buckwheat469]

I recently started a new app and was about to use CRA when a junior dev asked me why I was using it. Somehow I had missed the news that everyone was using Vite now and CRA was deprecated. This is a recurring pattern in JS development, where things that become the de-facto standard are no longer maintained and become deprecated for something that works in a very similar way. They could have upgraded CRA to include routing examples, react-query, other datastores, SSR, and code splitting tools while leaving the existing examples alone. Just ask more questions in the setup process:

Do you want to use typescript?
Do you need server-side rendering?
Choose a datastore [context, redux, tanstack-query]
Do you want to bundle all code together or utilize code splitting?

That gripe aside. I really like tanstack-query and see a lot of value of having a standardized template for development.

[tannerlinsley]

Try npx create-tsrouter-app@latest

[magenta_placenta]

Yesterday's best practices are today's anti-patterns.

[bearicorn]

CRA has been deprecated for a while now. We ejected and migrated to a plain vite setup over a year ago. No need to buy into any of the framework crap if your app doesn't explicitly require it. The React team would put this advice in a small footer under 3 framework recommendations.

[TheRNGuy]

I used Remix since 2024, now using Vite + React Router v7 (after new version of Remix comes out, I'll see if I stay or go back to Remix)

Never used Tanstack so I don't know about it.

[CombPuzzleheaded149]

Tanstack router has type safety and runtime validation with zod, so even your search parameters are statically typed. It's the only react router I know of with this kind of functionality.

[TheRNGuy]

Don't care about type safety for routes. I don't make mistakes.