Stop Using Create React App

Create React App is an incredible tool that made it easy to setup and work with React, but as the years have gone by CRA has become less and less useful to the point that you should pretty much never use it. In this video I talk about all the alternatives to CRA that you should consider using instead.

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
00:27 - CRA Cons
01:14 - Vite
02:27 - Astro/Gatsby
06:54 - Full Stack Frameworks

#CRA #WDS #React

[jeremyt]

Yeah I just started using Vite and it feels like CRA but faster and better in just about every way, it only takes literally a few minutes to get started with it, definitely recommend.
Also I wasn't expecting it but this vid helped me solidify certain concepts such as static site generators and server side rendering. Thanks as always for putting out informative content that's also easy to understand. :)

[mifino]

Create-react-app is not too bad, but the biggest problem is that it seems development of it has completely stopped, with no commits in months and issues growing into the thousands. Probably because facebook laid off the whole team 😅

[ravenbergdev]

Nice overview. I would like to supplement the "take nextjs further" part by stating: redwood and blitz upgrades your stack to a full stack monolith app. Where as Remix is an alternative to Next with a different approach to ssr

[hailedagmawi]

have been watching your content for a while but just realized missed to subscribe. As a self tought and still learning codder, your content have been short and to the point and was a great help so far. Mach Thank you.

[alexgochenour]

It's a shame testing rarely gets any mention on this otherwise fantastic channel. Configuring Jest can often be tricky in Node/front end, and while I enjoyed the speed boost from using Vite to build my React app, I struggled to configure Jest and Istanbul to work properly. I actually ended up scrapping the Vite and going back to the older way of setting up my app, which is Babel + Webpack. Slower, but now my unit + integration tests at least run. And testing works out of the box with create-react-app, too.

[zyriab]

I've used Gatsby for a simple marketing site and hated it (sending my form with GQL was a pain in the ass).
Right now I'm learning Remix for a job interview and I'm pretty impressed so far :)

[marcosevaristo]

nice, just fill your company with a billion different frameworks and tools that will probably be obsolete in less than an year (as history shows us) and make your projects basically impossible to maintain as almost no one knows how to use these things that were used to solve problems that usually don't exist

[IceMetalPunk]

I recently switched from CRA to Vite, and oh my dear Dante it's so much faster and smoother! I even posted about it on Facebook even though 90% of my friends aren't devs and have no idea what it means, just because I loved it so much as soon as I used it. I've even started using Vite for vanilla TS projects, because setting up a TS pipeline manually is a pain.

[piotrnowakowski]

I tried switching my production build to Vite but run into a problem with code splitting. Turns out that the esbuild doesn't really respect the import order, and I had parts of a library undefined, because they were reexported before they had a chance to be imported.

[kgaming]

I personally love the ease-of-use for vite. It's really nice.
Also, Svelte seems really nice. Do you have any plans on making a Svelte video? Maybe a tutorial like your react notes app (loved it btw) but for Svelte?

[JeronimoGinaca]

Wow, incredible data! super interesting everything! Maybe put the links of all the pages that you visit for example vite, next, etc. Is just easier for us to scroll down while watching the videos and open the links right there. idk its my suggestion! The video is amazing and Ididnt knew anything that you said, so you've made my mind bigger in these minutes!

[Xe]

One of the things I liked about create-react-app was that it came with eslint installed. Is there an easy way to integrate eslint with Vite for React apps? Eslint is one of those things what I find tricky to set up but very useful.

[nedgrady]

0:52 What's the rationale behind the statement that typescript is a pain with CRA? Haven't felt any pain specifically using ts + CRA personally!

[zombiefacesupreme]

I'm currently in the middle of converting my e-commerce site from NextJS to Astro and SolidJS and it is INSANE how much less JavaScript it uses.

[weho_brian]

Me: Literally following documentation
Youtube: You're doing it wrong

[szalailaci]

Kyle, you may wanna present each of them in detail. I'm curious what Gatsby uses instead of DOM. Are those that use jQuery too slow? How compatible are they if I add Redux, Jest, AntD?
Can you add the less popular alternatives and talk about them too? Have you tried UMI?
The comment section here really caught my attention. Surprisingly lots of useful info from everyone.

[SilverSlayer]

Congrats on the new home! I mean I think 🤔. Your setup reminds me of a "just moved in" feel. Still filling the home up kind of thing.

[sideshowlol]

I use Laravel/PHP for backend API and then ReactJS/Astro for frontend, depending on what’s required. I am still using Linux server boxes for hosting with Apache/MySQL. Laravel fits in perfectly well. Easy to set up a local dev environment with docker.

[timehrhardt]

We have a typescript react application using CRA and this makes it basically impossible to use micro frontends because it requires the module federation plugin. My question: What way would you recommend building a react app that would allow me to use module federation plugin to add micro frontends?

[nightshade]

Astro is fullstack as well now much like nextjs/remix/etc, it has ssr, api routes, edge function support, etc