Before you get your hopes up, let me warn you that I’m not going to attempt to convince you what the “right” package manager is. They all have their benefits! npm is the officially supported, tried-and-true package manager. Yarn focuses on developer experience and pioneering new approaches to package management. pnpm has excellent performance and helps enforce best practices for package access. The best package manager for you is not what this blog or that blog recommends, but the one you feel most comfortable with. This post is intended to share why we at Widen chose Yarn as our package manager.
Yarn puts a big focus on developer experience, making the mundane tasks a little bit easier to do. From the outside, this can seem insignificant, but the long-term savings are worth it.
Easily run scripts and binaries.
yarn run command allows running both scripts (e.g.,
lint) and binaries (e.g.,
webpack) for a consistent experience. Also, the
run keyword is optional, allowing you to simplify commands even further.
# npm npm run lint npx webpack # Yarn yarn lint yarn webpack
Automatic argument forwarding
When running scripts or binaries, Yarn will automatically forward arguments to the underlying script/binary. No need to add
-- to your commands.
# npm npm run lint -- --fix # Yarn yarn lint --fix
Yarn’s output is very easy to follow and understand thanks to logical groupings of operations, progress bars, and colorized output. Additionally, they provide useful error codes (e.g.,
YN0060) in each line of the output, which you can look up in Yarn’s extensive error codes documentation.
Yarn uses project-level versioning where the Yarn binary is committed to your repository, which allows different projects to use different Yarn versions. This is extremely beneficial as it allows you to update projects separately without needing to coordinate with multiple teams to update all their projects at the same time.
With the addition of Corepack into Node.js, project-level versioning will be available for npm and pnpm, but that will take some time to become generally available.
Yarn supports plugins to extend and customize the functionality of Yarn. This allows you as a community member to build features that may not be included in the core of Yarn to meet your specific package management needs.
Yarn includes an impressive list of protocols that can be used for resolving dependencies. While you’ve likely seen the most popular ones, including semver (e.g.,
^1.0.0), tags (e.g.,
latest), and git (e.g.,
firstname.lastname@example.org:Widen/foo.git), Yarn supports a number of other protocols. Three of my favorites are:
patch:- The patch protocol allows you to reference a package along with a patch file that can be used to patch bugs in the given package. This is very useful when contributing a bug fix to an open source project where you need to use the fixed version immediately.
portal:- The portal protocol creates a link to another folder on your computer which allows you to test changes you are making to a package without having to publish a pre-release. This protocol is very easy to use thanks to the
yarn linkCLI command.
workspace:- The workspace protocol creates a link to a package in another workspace which ensures that you will never accidentally download an old version of a workspace from the registry. This protocol is great for multi-package monorepos.
Yarn has plenty more nice features to talk about, including their flagship feature Plug’n’Play, but here are a few other small niceties that we enjoy using.
- Workspace constraints - Constraints are a very powerful way of ensuring consistency between packages in a monorepo. We use constraints extensively in our component and utility libraries.
yarn upwildcarding - The
yarn upcommand supports wildcards to upgrade groups of dependencies (e.g.,
yarn up '@babel/*').
Downsides of Yarn
While Yarn does have a lot of benefits like I just described, it comes with its share of downsides. I’m not going to cover these in great detail for the sake of time, but I wanted to at least mention them.
- Non-standard - New users can’t just run
yarnin a fresh install of Node. Somewhat ironically, Yarn is installed via npm!
- Configuration files - Yarn has plenty. Setting up a new project requires configuration in four or five places in most cases.
- Plugin development woes - Writing Yarn plugins to provide missing features is no picnic. Trust me, I’ve done it.
Thanks for reading! If you have any questions or comments, feel free to leave them below. Also, if you want the chance to work with some cool people and technology, come join us!