Support Yarn #898

fson · 2016-10-12T21:09:48Z

Yarn is a new fast, reliable and secure alternative to the npm client.

This pull request adds support for Yarn in Create React App. See discussion in #896.

In the create-react-app command, we try to install packages using Yarn. If Yarn is not installed, we use npm instead. In react-scripts, we detect if the project is using Yarn by checking if a yarn.lock file exists. If the project is using Yarn, all the instructions are displayed with Yarn commands and Yarn is used to install packages in init and eject scripts.

fson · 2016-10-12T21:09:55Z

Note: We'll probably want to hold off publishing a version with Yarn enabled until this issue with scripts has been fixed. Currently, with Yarn v0.15.1, the package.json scripts work when it's been installed with npm install -g yarnpkg, but not when it was installed with npm install -g yarn.

gaearon · 2016-10-13T09:50:50Z

There was also some issue about optionalDeps not getting installed. We need to make sure fsevents at least tries to get installed, or watcher will be slow.

kentcdodds · 2016-10-29T03:53:14Z

The issues @fson referenced has been fixed I believe. I'm not sure about the fsevents issue however. Anyone know? I'd love to have this support added.

In the `create-react-app` command, try to install packages using Yarn. If Yarn is not installed, use npm instead. In `react-scripts`, detect if the project is using Yarn by checking if a `yarn.lock` file exists. If the project is using Yarn, display all the instructions with Yarn commands and use Yarn to install packages in `init` and `eject` scripts.

Run tests both with and without Yarn installed.

fson · 2016-10-29T11:09:32Z

Rebased the changes and tested with Yarn 0.16.1. Everything seems to be working now!

I believe the fsevents issue @gaearon was referring to was about optional dependencies not installing (yarnpkg/yarn#628)? It was fixed in yarnpkg/yarn#789. I checked node_modules after installing packages with Yarn and fsevents is there.

vjeux · 2016-10-29T19:36:17Z

How long does it take to run create-react-app before and after this pull request?

gaearon · 2016-10-29T21:17:30Z

(We'll also want to compare with and without bundledDeps, see #986)

fson · 2016-10-29T22:20:32Z

I did a quick benchmark of the time it took to run create-react-app, both with a clean cache and then a second app with a warm cache:

Install method	Time
`npm`	77.1s
`npm` (2nd app)	68.7s
`yarn`	49.1s
`yarn` (2nd app)	25.5s

Here's how I tested:

npm install -g [email protected] [email protected]

npm install -g [email protected]
npm cache clean
time create-react-app my-npm-app
time create-react-app my-npm-app-2

npm install -g [email protected]
yarn cache clean
time create-react-app my-yarn-app --scripts-version 0.7.0-alpha.e756d73a
time create-react-app my-yarn-app-2 --scripts-version 0.7.0-alpha.e756d73a

gaearon · 2016-11-17T18:49:17Z

@fson Feel free to merge and release!

fson · 2016-11-17T20:57:25Z

I'll try to get the next release with this in it out in the next few days.

* pull2: Support Yarn (facebook#898) Fix chrome tab reuse (facebook#1035) Remove unnecessary transform plugins for object spread to work (facebook#1052) Clears the usage of react-jsx-source & react-jsx-self (facebook#992) Update babel-present-env and use node: 'current' as target (facebook#1051) Remove redundant `function` from export statement (facebook#996) Add Gatsby to alternatives (facebook#995) Allow webpack 2 as peerDependency in react-dev-utils (facebook#963) Remove custom babel-loader cache dir config (facebook#983) Check for presence of folders before continuing eject. Closes facebook#939. (facebook#951) Fixes facebook#952 (facebook#953) Always build before deploying to gh-pages (facebook#959) Add collectCoverageFrom option to collect coverage on files without any tests. (facebook#961) Catch and noop call to open web browser. (facebook#964) Gently nudge users towards https by default (facebook#974) Enable compression on webpack-dev-server (facebook#966) (facebook#968) Add next.js to Alternatives Point people to npm Windows instructions Encourage people to try recent npm # Conflicts: # packages/react-scripts/config/webpack.config.dev.js # packages/react-scripts/package.json # packages/react-scripts/utils/createJestConfig.js

In the `create-react-app` command, try to install packages using Yarn. If Yarn is not installed, use npm instead. In `react-scripts`, detect if the project is using Yarn by checking if a `yarn.lock` file exists. If the project is using Yarn, display all the instructions with Yarn commands and use Yarn to install packages in `init` and `eject` scripts.

aligajani · 2017-02-06T02:13:55Z

Okay so do we support yarn yet? Can't see anything on the README.md

tbillington · 2017-02-06T02:54:56Z

I just saw the benchmarks now. It's a little misleading because it will vary largely depending on the machine. With my old mac air is over 2 minutes (linking took 95%) with fully cached deps for a clean install, while as it's less than half that to install on npm even with downloading everything.

Not saying this means it shouldn't use yarn, I definitely prefer it, but it's not always faster 🙂 , especially on lower end machines.

vjeux · 2017-02-06T03:00:21Z

@tbillington you should raise this issue on the yarn repo, I'm pretty sure that they would like to hear this data point and potentially try to figure out why it was so slow in this case.

gaearon · 2017-02-06T16:08:13Z

I’m optimistic about yarnpkg/yarn#2620, a lot of linking time is due to duplicates.

In the `create-react-app` command, try to install packages using Yarn. If Yarn is not installed, use npm instead. In `react-scripts`, detect if the project is using Yarn by checking if a `yarn.lock` file exists. If the project is using Yarn, display all the instructions with Yarn commands and use Yarn to install packages in `init` and `eject` scripts.

facebook-github-bot added the CLA Signed label Oct 12, 2016

fson mentioned this pull request Oct 19, 2016

Support Yarn #896

Closed

fson added 2 commits October 29, 2016 11:20

Add Yarn to the e2e test

e756d73

Run tests both with and without Yarn installed.

fson force-pushed the yarn branch from cb7928e to e756d73 Compare October 29, 2016 09:20

fson added this to the 0.8.0 milestone Oct 29, 2016

alanpog mentioned this pull request Oct 30, 2016

support yarn feathersjs-ecosystem/feathers-generator#15

Merged

gaearon mentioned this pull request Nov 17, 2016

don't re-install react-scripts when installed globally #1055

Closed

fson merged commit bcc469c into facebook:master Nov 17, 2016

fson deleted the yarn branch November 17, 2016 20:55

fson added the tag: new feature label Dec 1, 2016

arunoda mentioned this pull request Dec 5, 2016

Get features from CRA v0.8.0 storybookjs/storybook#639

Closed

3 tasks

lock bot locked and limited conversation to collaborators Jan 21, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Support Yarn #898

Support Yarn #898

fson commented Oct 12, 2016

fson commented Oct 12, 2016

gaearon commented Oct 13, 2016

kentcdodds commented Oct 29, 2016

fson commented Oct 29, 2016

vjeux commented Oct 29, 2016

gaearon commented Oct 29, 2016

fson commented Oct 29, 2016

gaearon commented Nov 17, 2016

fson commented Nov 17, 2016

aligajani commented Feb 6, 2017 •

edited

Loading

tbillington commented Feb 6, 2017 •

edited

Loading

vjeux commented Feb 6, 2017

gaearon commented Feb 6, 2017

Support Yarn #898

Support Yarn #898

Conversation

fson commented Oct 12, 2016

fson commented Oct 12, 2016

gaearon commented Oct 13, 2016

kentcdodds commented Oct 29, 2016

fson commented Oct 29, 2016

vjeux commented Oct 29, 2016

gaearon commented Oct 29, 2016

fson commented Oct 29, 2016

gaearon commented Nov 17, 2016

fson commented Nov 17, 2016

aligajani commented Feb 6, 2017 • edited Loading

tbillington commented Feb 6, 2017 • edited Loading

vjeux commented Feb 6, 2017

gaearon commented Feb 6, 2017

aligajani commented Feb 6, 2017 •

edited

Loading

tbillington commented Feb 6, 2017 •

edited

Loading