Merge branch 'main' into traslation/fa-thnking-in-react

Author: Abolfazl Rezvani Naraqi

.github/workflows/analyze.yml

@@ -16,7 +16,7 @@ jobs:
       - name: Set up node
         uses: actions/setup-node@v1
         with:
-          node-version: "14.x"
+          node-version: '20.x'
 
       - name: Install dependencies
         uses: bahmutov/[email protected]
@@ -38,7 +38,7 @@ jobs:
       # Here's the first place where next-bundle-analysis' own script is used
       # This step pulls the raw bundle stats for the current bundle
       - name: Analyze bundle
-        run: npx -p nextjs-bundle-analysis report
+        run: npx -p nextjs-bundle-analysis@0.5.0 report
 
       - name: Upload bundle
         uses: actions/upload-artifact@v2

.github/workflows/analyze_comment.yml

@@ -47,26 +47,9 @@ jobs:
           pr_number=$(cat pr_number/pr_number)
           echo "pr-number=$pr_number" >> $GITHUB_OUTPUT
 
-      - name: Find Comment
-        uses: peter-evans/find-comment@v1
-        if: success()
-        id: fc
-        with:
-          issue-number: ${{ steps.get-comment-body.outputs.pr-number }}
-          body-includes: "<!-- __NEXTJS_BUNDLE -->"
-
-      - name: Create Comment
-        uses: peter-evans/[email protected]
-        if: success() && steps.fc.outputs.comment-id == 0
-        with:
-          issue-number: ${{ steps.get-comment-body.outputs.pr-number }}
-          body: ${{ steps.get-comment-body.outputs.body }}
-
-      - name: Update Comment
-        uses: peter-evans/[email protected]
-        if: success() && steps.fc.outputs.comment-id != 0
+      - name: Comment
+        uses: marocchino/sticky-pull-request-comment@v2
         with:
-          issue-number: ${{ steps.get-comment-body.outputs.pr-number }}
-          body: ${{ steps.get-comment-body.outputs.body }}
-          comment-id: ${{ steps.fc.outputs.comment-id }}
-          edit-mode: replace
+          header: next-bundle-analysis
+          number: ${{ steps.get-comment-body.outputs.pr-number }}
+          message: ${{ steps.get-comment-body.outputs.body }}

.github/workflows/site_lint.yml

@@ -11,14 +11,14 @@ jobs:
   lint:
     runs-on: ubuntu-latest
 
-    name: Lint on node 12.x and ubuntu-latest
+    name: Lint on node 20.x and ubuntu-latest
 
     steps:
       - uses: actions/checkout@v1
-      - name: Use Node.js 12.x
+      - name: Use Node.js 20.x
         uses: actions/setup-node@v1
         with:
-          node-version: 12.x
+          node-version: 20.x
 
       - name: Install deps and build (with cache)
         uses: bahmutov/[email protected]

README.md

@@ -1,22 +1,29 @@
-<h1 dir="rtl">نسخه فارسی <a href="https://reactjs.dev/">reactjs.dev</a></h1>
+<h1 dir="rtl">
+  نسخه فارسی <a href="https://reactjs.dev/">reactjs.dev</a>
+</h1>
 
 <p dir="rtl">
-اگر این صفحه را مشاهده می‌کنید، احتمالا به ترجمه فارسی اسناد ری‌اکت (react) علاقه‌مند هستید. پس خوش‌ آمدید!
+  اگر این صفحه را مشاهده می‌کنید، احتمالا به ترجمه فارسی اسناد ری‌اکت (react)
+  علاقه‌مند هستید. پس خوش‌ آمدید!
 </p>
 
 <p dir="rtl">
-این مخزن کد (repo) با هدف توسعه اسناد ری‌اکت به زبان فارسی، از <a href="https://github.com/reactjs/reactjs.dev">reactjs/reactjs.dev</a> انشعاب (fork) گرفته‌است و پیوسته با نسخه اصلی همگام‌سازی می‌شود.
+  این مخزن کد (repo) با هدف توسعه اسناد ری‌اکت به زبان فارسی، از
+  <a href="https://github.com/reactjs/reactjs.dev">reactjs/reactjs.dev</a>
+  انشعاب (fork) گرفته‌است و پیوسته با نسخه اصلی همگام‌سازی می‌شود.
 </p>
 
 <p dir="rtl">
-  نسخه فارسی اسناد ری‌اکت را در <a href="https://fa.reactjs.org/" target="_blank">fa.reactjs.org</a> ببینید.
+  نسخه فارسی اسناد ری‌اکت را در
+  <a href="https://fa.reactjs.org/" target="_blank">
+    fa.reactjs.org
+  </a>
+  ببینید.
 </p>
 
 <h2 dir="rtl">چگونه مشارکت کنم؟</h2>
 
-<p dir="rtl">
-پیشنهاد می‌شود به‌ترتیب از لینک‌های زیر شروع کنید:
-</p>
+<p dir="rtl">پیشنهاد می‌شود به‌ترتیب از لینک‌های زیر شروع کنید:</p>
 <ul dir="rtl">
   <li>
     <a href="https://github.com/reactjs/fa.reactjs.org/blob/master/CONTRIBUTING.md">
@@ -40,60 +47,70 @@
   </li>
 </ul>
 
-<h2 dir="rtl">
-دریافت کد
-</h2>
+<h2 dir="rtl">دریافت کد</h2>
 
-<h3 dir="rtl">
-پیش‌نیازها
-</h3>
+<h3 dir="rtl">پیش‌نیازها</h3>
 
 <ul dir="rtl">
   <li>
     <a href="https://git-scm.com/downloads">Git</a>
   </li>
   <li>
     <a href="https://nodejs.org/en/">Node.js</a> نسخه ۱۲ (۱۲.۰.۰ به بالا)
-  </li>
-    <li>
-    <a href="https://yarnpkg.com/lang/en/docs/install/">Yarn v1</a>
   </li>
   <li>
-    یک فورک از رپو (برای مشارکت)
-  </li>
-  <li>
-    یک کلون از رپوی reactjs.org بر روی ماشینتون
+    <a href="https://yarnpkg.com/lang/en/docs/install/">Yarn v1</a>
   </li>
 </ul>
 
 <h3 dir="rtl">نصب</h3>
 
+# ۱. ابتدا از پروژه یک فورک بگیرید
+
+در آدرس زیر بر روی دکمه `fork` کلیک کنید.
+سپس وارد این فورک در ری‌پوی خودتان شوید
+‍‍‍‍‍
+
+```bash
+https://github.com/reactjs/fa.react.dev
+```
+
+# ۲. یک کپی از مخزن کد بگیرید
+
 ```bash
-# ۱. یک کپی از مخزن کد بگیرید
-git clone https://github.com/reactjs/fa.reactjs.org.git
+git clone https://github.com/reactjs/fa.react.dev.git
+```
+
+# ۳. به شاخه اصلی پروژه بروید
 
-# ۲. به شاخه اصلی پروژه بروید
+```bash
 cd fa.reactjs.org
+```
 
-# ۳. وابستگی‌های npm پروژه را نصب کنید
+# ۴. وابستگی‌های npm پروژه را نصب کنید
+
+```bash
 yarn
 ```
 
 <h3 dir="rtl">اجرا</h3>
 
-```bash
 # سرور توسعه با قابلیت بارگذاری خودکار را اجرا کنید (قدرت گرفته از Gatsby)
+
+```bash
 yarn dev
 ```
 
 <p dir="rtl">
-حالا آدرس <a href="http://localhost:8000">http://localhost:8000</a> را در مرورگر دلخواه خود باز کنید و تمام!
+  حالا آدرس <a href="http://localhost:3000">http://localhost:3000</a> را در
+  مرورگر دلخواه خود باز کنید و تمام!
 </p>
 
 <h3 dir="rtl">سوالی دارید؟</h3>
 
 ‌<p dir="rtl">
 اگر سوالی دارید با نگاه‌دارندگان تماس بگیرید یا <a href="https://github.com/reactjs/fa.reactjs.org/issues/new">یک موضوع (issue) جدید</a> ثبت کنید!
+
 </p>
 
 <h2 dir="rtl">مشارکت‌کنندگان</h2>
@@ -134,20 +151,114 @@ yarn dev
 <h3 dir="rtl">نگاه‌دارندگان</h3>
 
 <table>
-<tr>
-  <td align="center"><a href="https://github.com/rezvani2647"><img src="https://avatars1.githubusercontent.com/u/61161472?v=4?s=64" width="64px;" alt=""/><br /><sub><b>Abolfazl Rezvani Naraqi</b></sub></a></td>
-  <td align="center"><a href="https://github.com/Schabaani"><img src="https://avatars3.githubusercontent.com/u/16123923?v=4?s=64" width="64px;" alt=""/><br /><sub><b>Amir Shabani</b></sub></a></td>
-  <td align="center"><a href="http://refactor.ir/"><img src="https://avatars2.githubusercontent.com/u/10113477?v=4?s=64" width="64px;" alt=""/><br /><sub><b>Masoud Bahrami</b></sub></a></td>
-  <td align="center"><a href="https://github.com/seven-deuce"><img src="https://avatars1.githubusercontent.com/u/40258654?v=4?s=64" width="64px;" alt=""/><br /><sub><b>Mehdi</b></sub></a></td>
-  <td align="center"><a href="https://github.com/sJJdGG"><img src="https://avatars1.githubusercontent.com/u/25764288?v=4?s=64" width="64px;" alt=""/><br /><sub><b>sJJdGG</b></sub></a></td>
-  <td align="center"><a href="http://sorousht.com/"><img src="https://avatars2.githubusercontent.com/u/3072018?v=4?s=64" width="64px;" alt=""/><br /><sub><b>Soroush Torkzadeh</b></sub></a></td>
-  <td align="center"><a href="https://github.com/zahrajoulaei"><img src="https://avatars0.githubusercontent.com/u/13994544?v=4?s=64" width="64px;" alt=""/><br /><sub><b>ZahraCandoIt!</b></sub></a></td>
+  <tr>
+    <td align="center">
+      <a href="https://github.com/rezvani2647">
+        <img
+          src="https://avatars1.githubusercontent.com/u/61161472?v=4?s=64"
+          width="64px;"
+          alt=""
+        />
+        <br />
+        <sub>
+          <b>Abolfazl Rezvani Naraqi</b>
+        </sub>
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/Schabaani">
+        <img
+          src="https://avatars3.githubusercontent.com/u/16123923?v=4?s=64"
+          width="64px;"
+          alt=""
+        />
+        <br />
+        <sub>
+          <b>Amir Shabani</b>
+        </sub>
+      </a>
+    </td>
+    <td align="center">
+      <a href="http://refactor.ir/">
+        <img
+          src="https://avatars2.githubusercontent.com/u/10113477?v=4?s=64"
+          width="64px;"
+          alt=""
+        />
+        <br />
+        <sub>
+          <b>Masoud Bahrami</b>
+        </sub>
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/seven-deuce">
+        <img
+          src="https://avatars1.githubusercontent.com/u/40258654?v=4?s=64"
+          width="64px;"
+          alt=""
+        />
+        <br />
+        <sub>
+          <b>Mehdi</b>
+        </sub>
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/sJJdGG">
+        <img
+          src="https://avatars1.githubusercontent.com/u/25764288?v=4?s=64"
+          width="64px;"
+          alt=""
+        />
+        <br />
+        <sub>
+          <b>sJJdGG</b>
+        </sub>
+      </a>
+    </td>
+    <td align="center">
+      <a href="http://sorousht.com/">
+        <img
+          src="https://avatars2.githubusercontent.com/u/3072018?v=4?s=64"
+          width="64px;"
+          alt=""
+        />
+        <br />
+        <sub>
+          <b>Soroush Torkzadeh</b>
+        </sub>
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/zahrajoulaei">
+        <img
+          src="https://avatars0.githubusercontent.com/u/13994544?v=4?s=64"
+          width="64px;"
+          alt=""
+        />
+        <br />
+        <sub>
+          <b>ZahraCandoIt!</b>
+        </sub>
+      </a>
+    </td>
   </tr>
 </table>
-<p dir="rtl">اسم شما فراموش شده‌است؟‌ <a href="https://github.com/reactjs/fa.reactjs.org/issues/new">به ما تذکر دهید!</a></p>
+<p dir="rtl">
+  اسم شما فراموش شده‌است؟‌{' '}
+  <a href="https://github.com/reactjs/fa.reactjs.org/issues/new">
+    به ما تذکر دهید!
+  </a>
+</p>
 
 <h2 dir="rtl">مجوز</h2>
 
 <p dir="rtl">
-محتوایی که در <a href="https://reactjs.org/">reactjs.org</a> قرار می‌گیرد، تخت مجوز CC-BY-4.0 منتشر می‌شود که جزئیات آن در <a href="https://github.com/open-source-explorer/reactjs.org/blob/master/LICENSE-DOCS.md">LICENSE-DOCS.md</a> آمده‌است.
+  محتوایی که در <a href="https://reactjs.org/">reactjs.org</a> قرار می‌گیرد، تخت
+  مجوز CC-BY-4.0 منتشر می‌شود که جزئیات آن در{' '}
+  <a href="https://github.com/open-source-explorer/reactjs.org/blob/master/LICENSE-DOCS.md">
+    LICENSE-DOCS.md
+  </a>{' '}
+  آمده‌است.
 </p>

next.config.js

@@ -9,10 +9,10 @@ const nextConfig = {
   pageExtensions: ['jsx', 'js', 'ts', 'tsx', 'mdx', 'md'],
   reactStrictMode: true,
   experimental: {
-    plugins: true,
+    // TODO: Remove after https://github.com/vercel/next.js/issues/49355 is fixed
+    appDir: false,
     scrollRestoration: true,
     legacyBrowsers: false,
-    browsersListForSwc: true,
   },
   env: {
     SANDPACK_BARE_COMPONENTS: process.env.SANDPACK_BARE_COMPONENTS,

package.json

@@ -32,12 +32,12 @@
     "debounce": "^1.2.1",
     "ga-lite": "^2.1.4",
     "github-slugger": "^1.3.0",
-    "next": "12.3.2-canary.7",
+    "next": "^13.4.1",
     "next-remote-watch": "^1.0.0",
     "parse-numeric-range": "^1.2.0",
-    "react": "0.0.0-experimental-cb5084d1c-20220924",
+    "react": "^0.0.0-experimental-16d053d59-20230506",
     "react-collapsed": "npm:@gaearon/[email protected]",
-    "react-dom": "0.0.0-experimental-cb5084d1c-20220924",
+    "react-dom": "^0.0.0-experimental-16d053d59-20230506",
     "remark-frontmatter": "^4.0.1",
     "remark-gfm": "^3.0.1"
   },
@@ -98,7 +98,7 @@
     "webpack-bundle-analyzer": "^4.5.0"
   },
   "engines": {
-    "node": ">=12.x"
+    "node": "^16.8.0 || ^18.0.0 || ^19.0.0 || ^20.0.0"
   },
   "nextBundleAnalysis": {
     "budget": null,