Move from npm to yarn and update README (#2508)

* Move from npm to yarn and update README

* removing yarn.lock from gitignore

* update node version

* moving pipeline.yml to yarn

* adding yarnrc

* fix yarn.lock regestry

Author: Inbal-Tish

.buildkite/pipeline.yml

@@ -27,9 +27,9 @@ steps:
   - label: "Build"
     command: |
       nvm install
-      npm install
-      npm run test
-      npm run build:ts
+      yarn
+      yarn test
+      yarn build:ts
       if [[ $BUILDKITE_PULL_REQUEST == 'false' ]];then
-        npm run release
+        yarn release
       fi

.gitignore

@@ -1,7 +1,6 @@
 node_modules
 npm-debug.log
 .idea
-yarn.lock
 .vscode
 package-lock.json
 

.node-version

@@ -1 +1 @@
-18
+20

.yarnrc

@@ -0,0 +1 @@
+--registry "https://registry.npmjs.org/"

README.md

@@ -5,8 +5,7 @@
 ## A declarative cross-platform React Native calendar component for iOS and Android.
 
 [![Version](https://img.shields.io/npm/v/react-native-calendars.svg)](https://www.npmjs.com/package/react-native-calendars)
-[![Build Status](https://travis-ci.org/wix/react-native-calendars.svg?branch=master)](https://travis-ci.org/wix/react-native-calendars)
-
+[![Build status](https://badge.buildkite.com/1a911fa39db2518a615b73f3dc18ec0938a66403f2ad66f79b.svg)](https://buildkite.com/wix-mobile-oss/react-native-calendars)
 <br>
 
 This module includes information on how to use this customizable **React Native** calendar component.
@@ -40,7 +39,7 @@ $ git clone [email protected]:wix/react-native-calendars.git
 
 $ cd react-native-calendars
 
-$ npm install
+$ yarn install
 
 $ cd ios && pod install && cd ..
 
@@ -57,14 +56,6 @@ Here's how to get started with react-native-calendars in your React Native proje
 
 ### Install the package:
 
-Using `npm`:
-
-```
-$ npm install --save react-native-calendars
-```
-
-Using `Yarn`:
-
 ```
 $ yarn add react-native-calendars
 ```
@@ -197,13 +188,6 @@ export default App;
 ### Adding a global theme to the calendar:
 
 ```javascript
-import React, { useState } from 'react';
-import { Calendar, LocaleConfig } from 'react-native-calendars';
-
-const App = () => {
-  const [selected, setSelected] = useState('');
-
-  return (
     <Calendar
       style={{
         borderWidth: 1,
@@ -218,7 +202,9 @@ const App = () => {
         selectedDayTextColor: '#ffffff',
         todayTextColor: '#00adf5',
         dayTextColor: '#2d4150',
-        textDisabledColor: '#d9e
+        textDisabledColor: '#dd99ee'
+      }}
+    </Calendar>
 ```
 
 ## Customized Calendar Examples
@@ -282,7 +268,7 @@ We welcome contributions to react-native-calendars.
 
 If you have an idea for a new feature or have discovered a bug, please open an issue.
 
-Please `npm run test` and `npm run lint` before pushing changes.
+Please `yarn test` and `yarn lint` before pushing changes.
 
 Don't forget to add a **title** and a **description** explaining the issue you're trying to solve and your proposed solution.
 

package.json

@@ -10,7 +10,7 @@
     "build:dev": "tsc --noEmit",
     "build:docs": "node ./scripts/build-docs.js",
     "e2e": "node ./scripts/test-e2e.js --release",
-    "test": "npm run lint && npm run unit",
+    "test": "yarn lint && yarn unit",
     "test:watch": "jest --watch",
     "test:perf": "TEST_RUNNER_ARGS='--testMatch **/*.perf.js' reassure measure",
     "unit": "jest",
@@ -20,7 +20,7 @@
     "ios": "react-native run-ios",
     "android": "react-native run-android",
     "xcode": "open ios/CalendarsExample.xcworkspace/",
-    "clean": "rm package-lock.json && rm -rf ./node_modules && npm i",
+    "clean": "rm yarn-lock && rm -rf ./node_modules && yarn",
     "pod-install": "pod install --project-directory=ios"
   },
   "repository": {