Modern Front-End Development for Rails

Managing Dependencies with Yarn

Yarn manages dependencies through a file named package.json—it uses the same format for package.json as Node Package Manager (npm) uses. (I’m not going to go over the fine details of installing Yarn on your system; you can find full documentation on the official website.^[59] I’ll only say that for the moment, Yarn 2.0 is not fully supported.)

Let’s take a look at our code to see what a package.json file looks like at this point:

chapter_05/07/package.json

{
  "name": "north-by",
  "private": true,
  "dependencies": {
    "@babel/preset-react": "^7.13.13",
    "@babel/preset-typescript": "^7.12.7",
    "@hotwired/turbo-rails": "^7.0.0-beta.5",
    "@rails/actioncable": "^6.0.0",
    "@rails/activestorage" ...