DEV Community

Cover image for create-react-app with pnpm

create-react-app with pnpm

SeongKuk Han on July 26, 2022

Note CRA is dead. You can check alternatives to CRA in the official document such as Next.js, Remix and Gatsby. You can also use Vite t...
Collapse
 
wimdenherder profile image
wimdenherder

pnpm create react-app pnpm-cra --template typescript is still installing packages with yarn. Isn't there a direct command?

Collapse
 
lico profile image
SeongKuk Han

The command is used to make a project with CRA.
You need to install packages using pnpm to change the package manager, then you don't need a yarn dependency file if you don't plan to use it.

Collapse
 
kasir-barati profile image
Mohammad Jawad (Kasir) Barati

Thanks for the heads up about CRA's death 😂. I used Vite.

Collapse
 
lico profile image
SeongKuk Han

I do Vite as well, Good choice man 👍

Collapse
 
alexsapps profile image
alexander taylor

Warning: create-react-app is deprecated!

I had a terrible time trying to get past that "toBeInTheDocument" error message in late 2023 only to realize I shouldn't be using create-react-app anyway.

Collapse
 
lico profile image
SeongKuk Han • Edited

Yes, you're right.
React officially don't recommend CRA anymore.


Updated the post. Thanks for your comment.

Collapse
 
imamdev_ profile image
Imamuzzaki Abu Salam

Very useful 💖

Collapse
 
lico profile image
SeongKuk Han

I'm glad it helped :)

Collapse
 
adielcohen profile image
Adiel Cohen

Thank you so much!!!!
How can I change my shorter alias from "pnpm start" to "pn"?
The tutorial with Powershell for Windows in official pnpm website doesn't working...

Collapse
 
lico profile image
SeongKuk Han • Edited

I'm glad, it helped :)


pnpm.io/installation#using-a-short...

In Powershell, type this for registering an alias.

set-alias -name pn -value pnpm
Enter fullscreen mode Exit fullscreen mode

Then run a command pn start

Collapse
 
olehdevua profile image
Oleh Devua

Hello!
How do you think, why pnpm fails without pnpm add -D @types/testing-library__jest-dom?

Collapse
 
lico profile image
SeongKuk Han • Edited

I think they're supposed to add the type package or include it in @testing-library. because, when I set up cra with yarn claasicthere istesting-library__jest-dominnode_modules/@typesand it works well, I'm not sure tho.
From what I know, they don't officially support
pnpm`. I'll make an issue about it in github. After I get a response from them, I'll re-comment it to you

Collapse
 
kasir-barati profile image
Mohammad Jawad (Kasir) Barati

Any update?

I did not face it in the dev env while running pnpm start but I faced it in github actions. IDK why but I am trying different solution. Maybe I'll update you later on