Change docs to use Yarn instead of npm

- React Native uses Yarn by default if installed - Typescript typings for RN CSS Modules only work with Yarn

Author: kristerkari

docs/setup-css.md

@@ -24,7 +24,7 @@ cd AwesomeProject
 Start packager:
 
 ```sh
-npm start
+yarn start
 ```
 
 Run project on iOS simulator:
@@ -36,7 +36,7 @@ react-native run-ios
 ### Step 3: Install dependencies for React Native CSS modules
 
 ```sh
-npm install babel-plugin-react-native-classname-to-style babel-plugin-react-native-platform-specific-extensions react-native-css-transformer --save-dev
+yarn add babel-plugin-react-native-classname-to-style babel-plugin-react-native-platform-specific-extensions react-native-css-transformer --dev
 ```
 
 ### Step 4: Setup your project's `.babelrc`
@@ -176,7 +176,5 @@ export default class App extends Component<{}> {
 Restart React Native packager and clear it's cache (important) to see the styles that you added.
 
 ```sh
-npm start -- --reset-cache
+yarn start --reset-cache
 ```
-
-If it throws an error for missing `node_modules/react-native/local-cli/cli.js`, just run `npm install` and then try again.

docs/setup-less.md

@@ -24,7 +24,7 @@ cd AwesomeProject
 Start packager:
 
 ```sh
-npm start
+yarn start
 ```
 
 Run project on iOS simulator:
@@ -36,7 +36,7 @@ react-native run-ios
 ### Step 3: Install dependencies for React Native CSS modules
 
 ```sh
-npm install babel-plugin-react-native-classname-to-style babel-plugin-react-native-platform-specific-extensions react-native-less-transformer less --save-dev
+yarn add babel-plugin-react-native-classname-to-style babel-plugin-react-native-platform-specific-extensions react-native-less-transformer less --dev
 ```
 
 ### Step 4: Setup your project's `.babelrc`
@@ -176,7 +176,5 @@ export default class App extends Component<{}> {
 Restart React Native packager and clear it's cache (important) to see the styles that you added.
 
 ```sh
-npm start -- --reset-cache
+yarn start --reset-cache
 ```
-
-If it throws an error for missing `node_modules/react-native/local-cli/cli.js`, just run `npm install` and then try again.

docs/setup-linting.md

@@ -8,7 +8,7 @@ Setup [ESLint](https://eslint.org) and [stylelint](https://stylelint.io/) in you
 ### Step 1: Install ESLint, stylelint and plugins
 
 ```sh
-npm install eslint eslint-plugin-css-modules stylelint stylelint-react-native stylelint-config-react-native-css-modules --save-dev
+yarn add eslint eslint-plugin-css-modules stylelint stylelint-react-native stylelint-config-react-native-css-modules --dev
 ```
 
 ### Step 2: Add configs
@@ -64,4 +64,4 @@ _You can remove file extensions that you don't use from the stylelint command._
 
 ### Step 4: Run linters
 
-Run `npm run lint` in a terminal window to see if there are any linting errors or warnings.
+Run `yarn lint` in a terminal window to see if there are any linting errors or warnings.

docs/setup-postcss.md

@@ -24,7 +24,7 @@ cd AwesomeProject
 Start packager:
 
 ```sh
-npm start
+yarn start
 ```
 
 Run project on iOS simulator:
@@ -36,7 +36,7 @@ react-native run-ios
 ### Step 3: Install dependencies for React Native CSS modules
 
 ```sh
-npm install babel-plugin-react-native-classname-to-style babel-plugin-react-native-platform-specific-extensions react-native-postcss-transformer postcss --save-dev
+yarn add babel-plugin-react-native-classname-to-style babel-plugin-react-native-platform-specific-extensions react-native-postcss-transformer postcss --dev
 ```
 
 ### Step 4: Add your PostCSS config and install your PostCSS plugins
@@ -208,7 +208,5 @@ export default class App extends Component<{}> {
 Restart React Native packager and clear it's cache (important) to see the styles that you added.
 
 ```sh
-npm start -- --reset-cache
+yarn start --reset-cache
 ```
-
-If it throws an error for missing `node_modules/react-native/local-cli/cli.js`, just run `npm install` and then try again.

docs/setup-responsive.md

@@ -26,7 +26,7 @@ cd AwesomeProject
 Start packager:
 
 ```sh
-npm start
+yarn start
 ```
 
 Run project on iOS simulator:
@@ -38,7 +38,7 @@ react-native run-ios
 ### Step 3: Install dependencies for React Native CSS modules
 
 ```sh
-npm install babel-plugin-react-native-classname-to-dynamic-style babel-plugin-react-native-platform-specific-extensions react-native-css-transformer --save-dev
+yarn add babel-plugin-react-native-classname-to-dynamic-style babel-plugin-react-native-platform-specific-extensions react-native-css-transformer --dev
 ```
 
 ### Step 4: Setup your project's `.babelrc`
@@ -185,7 +185,5 @@ export default class App extends Component<{}> {
 Restart React Native packager and clear it's cache (important) to see the styles that you added.
 
 ```sh
-npm start -- --reset-cache
+yarn start --reset-cache
 ```
-
-If it throws an error for missing `node_modules/react-native/local-cli/cli.js`, just run `npm install` and then try again.

docs/setup-sass.md

@@ -24,7 +24,7 @@ cd AwesomeProject
 Start packager:
 
 ```sh
-npm start
+yarn start
 ```
 
 Run project on iOS simulator:
@@ -36,7 +36,7 @@ react-native run-ios
 ### Step 3: Install dependencies for React Native CSS modules
 
 ```sh
-npm install babel-plugin-react-native-classname-to-style babel-plugin-react-native-platform-specific-extensions react-native-sass-transformer node-sass --save-dev
+yarn add babel-plugin-react-native-classname-to-style babel-plugin-react-native-platform-specific-extensions react-native-sass-transformer node-sass --dev
 ```
 
 ### Step 4: Setup your project's `.babelrc`
@@ -176,7 +176,5 @@ export default class App extends Component<{}> {
 Restart React Native packager and clear it's cache (important) to see the styles that you added.
 
 ```sh
-npm start -- --reset-cache
+yarn start --reset-cache
 ```
-
-If it throws an error for missing `node_modules/react-native/local-cli/cli.js`, just run `npm install` and then try again.

docs/setup-stylename.md

@@ -28,7 +28,7 @@ cd AwesomeProject
 Start packager:
 
 ```sh
-npm start
+yarn start
 ```
 
 Run project on iOS simulator:
@@ -40,7 +40,7 @@ react-native run-ios
 ### Step 3: Install dependencies for React Native CSS modules
 
 ```sh
-npm install babel-plugin-react-native-stylename-to-style babel-plugin-react-native-platform-specific-extensions react-native-css-transformer --save-dev
+yarn add babel-plugin-react-native-stylename-to-style babel-plugin-react-native-platform-specific-extensions react-native-css-transformer --dev
 ```
 
 ### Step 4: Setup your project's `.babelrc`
@@ -190,7 +190,5 @@ export default class App extends Component<{}> {
 Restart React Native packager and clear it's cache (important) to see the styles that you added.
 
 ```sh
-npm start -- --reset-cache
+yarn start --reset-cache
 ```
-
-If it throws an error for missing `node_modules/react-native/local-cli/cli.js`, just run `npm install` and then try again.

docs/setup-stylus.md

@@ -24,7 +24,7 @@ cd AwesomeProject
 Start packager:
 
 ```sh
-npm start
+yarn start
 ```
 
 Run project on iOS simulator:
@@ -36,7 +36,7 @@ react-native run-ios
 ### Step 3: Install dependencies for React Native CSS modules
 
 ```sh
-npm install babel-plugin-react-native-classname-to-style babel-plugin-react-native-platform-specific-extensions react-native-stylus-transformer stylus --save-dev
+yarn add babel-plugin-react-native-classname-to-style babel-plugin-react-native-platform-specific-extensions react-native-stylus-transformer stylus --dev
 ```
 
 ### Step 4: Setup your project's `.babelrc`
@@ -176,7 +176,5 @@ export default class App extends Component<{}> {
 Restart React Native packager and clear it's cache (important) to see the styles that you added.
 
 ```sh
-npm start -- --reset-cache
+yarn start --reset-cache
 ```
-
-If it throws an error for missing `node_modules/react-native/local-cli/cli.js`, just run `npm install` and then try again.

docs/setup-typescript.md

@@ -18,24 +18,12 @@ _If you want Typescript types (`.d.ts` files) being generated your CSS/Sass/Less
 
 #### For React Native v0.57 or newer
 
-```
-npm install typescript --save-dev
-```
-
-or
-
 ```
 yarn add typescript --dev
 ```
 
 #### For React Native v0.56 or older
 
-```
-npm install react-native-typescript-transformer typescript --save-dev
-```
-
-or
-
 ```
 yarn add react-native-typescript-transformer typescript --dev
 ```
@@ -61,6 +49,8 @@ Make sure that `jsx` property is set to `react-native` in Typescript's `compiler
 
 ### Step 5: Setup transformer to support CSS modules and Typescript
 
+#### For React Native v0.57 or newer
+
 _This step is not needed if you are using React Native v0.57 or newer._
 
 #### For React Native v0.56 or older (Typescript is supported by default on React Native 0.57+)

docs/web-compatibility.md

@@ -15,24 +15,24 @@ What you need is:
 
 ### Step 2: Install Webpack + React Native for Web
 
-**Install Webpack dependencies:**
+#### Install Webpack dependencies
 
 for React Native v0.56 or newer (uses Babel 7):
 
 ```sh
-npm install babel-loader babel-core@7.0.0-bridge.0 @babel/preset-env babel-preset-react@7.0.0-beta.3 webpack webpack-cli css-loader react-hot-loader style-loader webpack-dev-server --save-dev
+yarn add babel-loader babel-core@7.0.0-bridge.0 @babel/preset-env babel-preset-react@7.0.0-beta.3 webpack webpack-cli css-loader react-hot-loader style-loader webpack-dev-server --dev
 ```
 
 for React Native v0.55 or older (uses Babel 6):
 
 ```sh
-npm install babel-loader babel-core babel-preset-env babel-preset-react webpack webpack-cli css-loader react-hot-loader style-loader webpack-dev-server --save-dev
+yarn add babel-loader babel-core babel-preset-env babel-preset-react webpack webpack-cli css-loader react-hot-loader style-loader webpack-dev-server --dev
 ```
 
-**Install React Native for Web dependencies:**
+#### Install React Native for Web dependencies
 
 ```sh
-npm install react-art react-dom react-native-web --save
+yarn add react-art react-dom react-native-web --save
 ```
 
 ### Step 3: Add Webpack config
@@ -162,4 +162,4 @@ In your project's `package.json`, add a new command called `web` to `scripts`, s
 
 ### Step 6: Start Webpack development server and open the project in a browser
 
-Run `npm run web` in a terminal window and if there are no warnings, open `http://localhost:8080` in a web browser to see your React Native project running in a browser environment.
+Run `yarn web` in a terminal window and if there are no warnings, open `http://localhost:8080` in a web browser to see your React Native project running in a browser environment.