Don't Use Create React App in 2023

My last Create React App video was way too long and I wanted to start a new series so...yolo.

#t3stack #fullstack #webdevelopment

[Hexalyse]

I started project at work a bit over a year ago based on CRA. Back then this is the thing I knew that was "recommended way to start a SPA react app". Vite etc were appearing but I was afraid it wouldn't support everything we needed.
I finally switched those apps from CRA to Vite last week. Even on the base skeleton app we use to start new PoC/demos based around our technology, it went from many seconds to literally 300ms, to build the production version of the app. It's above a factor of 10. The HMR speed is insane too. From a couple seconds to virtually instant updates.

All thanks to your previous video where you explained ppl should stop using CRA, and that Vite provided the same features and a better developer experience. I just had to add a package to handles "externals" with Vite (it was a sine qua none condition for our projects), and done. No more react-scripts, no more complex webpack configuration.

[ndokuh]

its kind of annoying playing peekaboo with your right eye

[Dude]

I also started to use Vite due to your reccomendations and I have to say that i am quite impressed with it so far. It's fast and it works surprisingly well without a lot of attrition

[universecode]

I have used CRA many times and I have seen that it installs a lot of stuff in the project. With VITE the project is lighter, starting you can decide what and whether to install along the way. Of course if you use Next, create-next-app is great, but whether to use it or not depends on the project.

[Noryev]

super excited to see what Turbopack can do! Thanks so much for the awesome video!

[ZimoDM]

Oh man thank you! Finally a short but thorough explanation.

[SilenttempestZX]

Subscribed! I found you through how well you held yourself to in a recent high profile tech conversation. You’re tech knowledge is amazing!

[ninhdang]

tfw ThePrimagen has become the real face of Rust, not the crab or the R logo 😂

[MitchKarajohn]

When CRA first came out it was such a revelation, no longer having to manually setup/update webpack. Even though I had become quite the proverbial wizard at it, moving over to CRA was a no-brainer. Now, the problem is, people at my org are not as easily convinced that moving over from CRA to something better is worth it as it was when we moved over to CRA

[mehulsharmamat]

I don't even remember if CRA was the issue but moving to vite / t3 for several projects now has got me doing what I want to do when writing code, and much much less of solving issues that have nothing to do with what I've written.

[jameshobbs]

Theo is wearing the same shirt in the suggested video thumbnail. Obvious room for improvement in the algorithm.

[skumarspace]

Great video, I’m not sure how I found your channel but your takes are interesting and keep me hooked!

[tashishsoni]

Short, Simple, Informative and well dressed theo. Who said the perfect video doesn't exist 👏👏

[mpelosi]

I just started my latest project using Vite and it’s like a breath of fresh air. Simple install lightning fast updates.

[joshuanance]

Nice and to the point :) I think if your main problem with the tools is the build speeds, then there's not much more to say. I also enjoyed the longer CRA video, for what it's worth. But it's definitely harder to consume something that long.

[julianklumpers]

A valid reason imo to use CRA over Vite is for the support of module-federation. I know Vite also has a module-federation plugin, but it does not support all the features we needed. The plugin only support hot-reload in the host app for example. Also good dependencies sharing was lacking at the time.
We used CRA to get all the basic config and override it with CRACO to apply module-federation to the config.

[Sagarclips]

hairs hanging in front of eyes!! what a style!

[afroteddybear]

I'm creating my first ReactJS app in VS Code using Create-React-App (learning ReactJS), been waiting for at least 15minutes while it's doing... something.
What do I see while browsing for tutorials? A three minute, twenty-one second video telling me I done goofed.

Thanks Theo!

[josephizz]

Beginner Laravel developer, but i can't miss your videos. I really like how you break things down.

[flipperiflop]

Great video - I appreciate the quick explanation about create-react-app, why it is like it is, and why it was made. Hats off to the people who made it, no doubt their tool did something huge for the developer base, but as has been mentioned, times have moved forward, and new tools exists to make the dev experience better - but no doubt CRA has huge impact in regards how those tools work.