Update monorepo to Yarn Berry (#4489)

Author: clicktodev

.github/workflows/pre-merge.yml

@@ -16,11 +16,16 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: "20"
-          cache: "yarn"
 
-      - name: Install dependencies
-        run: yarn install --frozen-lockfile --no-progress --non-interactive
+      - name: Enable Corepack
+        run: corepack enable
+
+      - name: Check dependencies
+        run: yarn dedupe --check
 
+      - name: Install dependencies
+        run: yarn install --immutable
+    
       - name: Run Lint
         run: yarn ci:lint
         working-directory: website
@@ -35,10 +40,12 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: "20"
-          cache: "yarn"
+
+      - name: Enable Corepack
+        run: corepack enable
 
       - name: Install dependencies
-        run: yarn install --frozen-lockfile --no-progress --non-interactive
+        run: yarn install --immutable
 
       - name: Build
         run: yarn build

.gitignore

@@ -27,3 +27,12 @@ sync-api-docs/extracted.json
 website/.docusaurus
 website/.cache-loader
 website/build/
+
+# https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

README.md

@@ -17,14 +17,18 @@ If you are looking for the source code of the [React Native Archive website](htt
 ### Prerequisites
 
 1. [Git](https://git-scm.com/downloads).
-1. [Node](https://nodejs.org/en/download/) _(version 12 or greater)_.
-1. [Yarn](https://yarnpkg.com/lang/en/docs/install/) _(version 1.5 or greater)_.
+1. [Node](https://nodejs.org/en/download/) _(version 20 or greater)_.
+1. [Yarn](https://yarnpkg.com/getting-started/install) _(version 4)_.
 1. A fork of the repo _(for any contributions)_.
 1. A clone of the `react-native-website` repo.
 
 ### Installation
 
 1. `cd react-native-website` to go into the project root.
+1. Run `corepack enable` to enable Corepack.
+
+  > If the command above fails, run `npm install -g corepack@latest` to install the latest version of [Corepack](https://yarnpkg.com/corepack#installation).
+
 1. Run `yarn` to install the website's workspace dependencies.
 
 ### Running locally
@@ -166,6 +170,7 @@ If possible, test any visual changes in all latest versions of the following bro
 ### Push it
 
 1. Run `yarn prettier` and `yarn language:lint` in `./website` directory to ensure your changes are consistent with other files in the repo.
+1. Run `yarn update-lock` to [deduplicate dependencies](https://yarnpkg.com/cli/dedupe).
 1. `git add -A && git commit -m "My message"` to stage and commit your changes.
     > replace `My message` with a commit message, such as `Fixed header logo on Android`
 1. `git push my-fork-name the-name-of-my-branch`

package.json

@@ -1,15 +1,17 @@
 {
   "name": "react-native-website-monorepo",
   "private": true,
+  "engines": {
+    "node": ">=20"
+  },
   "workspaces": [
     "website",
     "plugins/*",
     "scripts/*",
     "sync-api-docs"
   ],
   "scripts": {
-    "postinstall": "yarn update-lock",
-    "update-lock": "yarn-deduplicate",
+    "update-lock": "yarn dedupe",
     "docusaurus": "yarn --cwd website docusaurus",
     "start": "yarn --cwd website start",
     "build": "yarn --cwd website build",
@@ -22,22 +24,15 @@
     }
   },
   "dependencies": {
-    "case-police": "^0.5.14",
-    "eslint": "^8.20.0",
+    "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-mdx": "^3.1.5",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-yml": "^1.2.0",
     "husky": "^4.3.8",
     "netlify-plugin-cache": "^1.0.3",
     "prettier": "^3.4.2",
-    "pretty-quick": "^4.0.0",
-    "yarn-deduplicate": "^6.0.2"
-  },
-  "resolutions": {
-    "trim": "^1.0.1",
-    "update-notifier": "^6.0.2",
-    "@sideway/formula": ">=3.0.1"
+    "pretty-quick": "^4.0.0"
   },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+  "packageManager": "yarn@4.6.0"
 }

scripts/lint-examples/package.json

@@ -11,8 +11,8 @@
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.4",
     "@babel/runtime": "^7.25.6",
-    "@react-native/babel-preset": "^0.76.0-rc.2",
     "@react-native-community/slider": "^4.5.3",
+    "@react-native/babel-preset": "^0.76.0-rc.2",
     "@react-native/eslint-config": "^0.76.0-rc.2",
     "@react-native/typescript-config": "^0.76.0-rc.2",
     "@types/react": "^18.2.79",

website/package.json

@@ -69,8 +69,11 @@
     "@react-native-website/update-redirects": "0.0.0",
     "@types/google.analytics": "^0.0.46",
     "alex": "^10.0.0",
+    "case-police": "^0.5.14",
+    "eslint": "^8.57.1",
     "fs-extra": "^11.2.0",
     "glob": "^11.0.0",
+    "prettier": "^3.4.2",
     "remark-cli": "^12.0.1",
     "typescript": "^5.7.2"
   }