Primeiros passos

Abra o seu terminal e crie uma nova pasta. Você pode dar o nome que desejar. Navegue para essa pasta e inicie um novo projeto por executar o comando yarn init. Assim como o npm init, o yarn init vai mostrar algumas opções para você configurar e basta você escolher e dar enter até o final.

$ mkdir react-padawan-to-jedi
$ cd react-padawan-to-jedi
$ yarn init

Quando o yarn init terminar você vai notar na sua pasta, que terá um novo arquivo chamado package.json. Se perceber é o mesmo arquivo que teríamos caso executássemos o npm init.

Aqui vai um exemplo da execução desse comando usando um diretório chamado react-padawan-to-jedi:

question name (react-padawan-to-jedi): i-am-jedi
question version (1.0.0):
question description: The best Jedi you will ever find.
question entry point (index.js):
question git repository: https://github.com/yarnpkg/example-yarn-package
question author: Yarn Contributor
question license (MIT):
success Saved package.json
✨  Done in 87.70s.

O resultado será o seguinte package.json:

{
  "name": "i-am-jedi",
  "version": "1.0.0",
  "description": "The best Jedi you will ever find.",
  "main": "index.js",
  "repository": {
    "url": "https://github.com/yarnpkg/example-yarn-package",
    "type": "git"
  },
  "author": "Yarn Contributor",
  "license": "MIT"
}

Se você já tem um arquivo package.json, então será usado os valores do arquivo como entradas default.

Vamos ver um exemplo. Imagine que tivéssemos o serguinte arquivo package.json:

{
  "name": "i-am-sith",
  "version": "0.1",
  "description": "The best Sith you will ever find.",
  "repository": {
    "url": "https://github.com/yarnpkg/example-yarn-package",
    "type": "git"
  },
  "license": "BSD-2-Clause"
}

Resultando na seguinte iteração:

$ yarn init

question name (i-am-sith):
question version (0.1):
question description (The best Sith you will ever find.):
question entry point (index.js):
question git repository (https://github.com/yarnpkg/example-yarn-package):
question author: Yarn Contributor
question license (BSD-2-Clause):
success Saved package.json
✨  Done in 121.53s.

Variáveis default para o yarn init

As seguintes variáveis de configuração podem ser usadas para customizar os valores default para o yarn init:

• init-author-name
• init-author-email
• init-author-url
• init-version
• init-license

Próximos passos

Caso deseje aprender mais sobre o yarn, visite o site em português.

Agora vimos como configurar o yarn, é hora de instalar e configurar o webpack. Iremos usar como diretório base para nossa configuração o nome react-padawan-to-jedi, gerando assim o seguinte arquivo package.json:

{
  "name": "react-padawan-to-jedi",
  "version": "1.0.0",
  "description": "Projeto teste de configuração ambiente React",
  "main": "index.js",
  "author": "Valter Júnior",
  "license": "MIT"
}