How to create react app using yarn instead of npm?

Question

The offical way to create react app is mentioned in react documentation

i think npx create-react-app project automatically detect yarn but in my case it doesn't and create react app using npm which i don't want.

Second option for me to use yarn create react-app for creating react app but it shows multiple warnings:

warning " > @testing-library/[email protected]" has unmet peer dependency "@testing-library/dom@>=7.21.4".
warning "react-scripts > [email protected]" has unmet peer dependency "autoprefixer@^10.0.2".
warning "react-scripts > eslint-config-react-app > [email protected]" has unmet peer dependency "@babel/plugin-syntax-flow@^7.14.5".
warning "react-scripts > eslint-config-react-app > [email protected]" has unmet peer dependency "@babel/plugin-transform-react-jsx@^7.14.9".
warning "react-scripts > react-dev-utils > [email protected]" has unmet peer dependency "typescript@>= 2.7".
warning "react-scripts > eslint-config-react-app > @typescript-eslint/eslint-plugin > [email protected]" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".

so is there any better way to create react app with npx (that uses yarn)

lamsal · Accepted Answer · 2022-10-13 09:08:25Z

10

As far as I understand, in [email protected] and above, the expected behavior is:

To create a project based on npm

npm init react-app my-app

or

npx create-react-app my-app

To creates a project based on yarn
```
yarn create react-app my-app
```

See official docs or this thread

answered Oct 13, 2022 at 9:08

lamsal

3521 gold badge5 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Smolin Pavel · Accepted Answer · 2022-02-12 06:38:33Z

0

There is no need to use yarn for create-react-app as this npm package is not a local dev dependency. It's used to download a template of a React project and react-scripts package does all the "magic" stuff.

The reason why the official documentation suggests using npx is that it will delete the package after it's used to create a template. This mean when you want to create another react project, it will always use the latest version of create-react-app.

answered Feb 12, 2022 at 6:38

Smolin Pavel

5103 silver badges8 bronze badges

3 Comments

Suleman Elahi Over a year ago

I mean to say that whenever I write npx create-react-app so it generates react app with package-lock.json but I want it to generate yarn.lock

Smolin Pavel Over a year ago

@SulemanElahi I guess this should help - stackoverflow.com/a/61938578/8203841

Suleman Elahi Over a year ago

I meant to say that we use npm to install packages like npm install package-name and when we use yarn we usally do something like yarn add package-name so is there any alternative of npx in yarn package manager right now we have yarn create react-app that is alternative of npx create-react-app thanks for comments

Collectives™ on Stack Overflow

How to create react app using yarn instead of npm?

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related