Merge branch 'reactjs:main' into main

Author: mrbadri

src/components/Layout/Feedback.tsx

@@ -67,7 +67,9 @@ function SendFeedback({onSubmit}: {onSubmit: () => void}) {
         {exit: isSubmitted}
       )}>
       <p className="w-full text-lg font-bold text-primary dark:text-primary-dark me-4">
-        {isSubmitted ? 'Thank you for your feedback!' : 'Is this page useful?'}
+        {isSubmitted
+          ? 'از بازخورد شما سپاسگزاریم!'
+          : 'آیا این صفحه برایتان مفید بود؟'}
       </p>
       {!isSubmitted && (
         <button

src/components/Layout/Toc.tsx

@@ -16,7 +16,7 @@ export function Toc({headings}: {headings: Toc}) {
     <nav role="navigation" className="pt-20 sticky top-0 end-0">
       {headings.length > 0 && (
         <h2 className="mb-3 lg:mb-3 uppercase tracking-wide font-bold text-sm text-secondary dark:text-secondary-dark px-4 w-full">
-          On this page
+          در این صفحه
         </h2>
       )}
       <div

src/components/MDX/ExpandableExample.tsx

@@ -71,13 +71,13 @@ function ExpandableExample({children, excerpt, type}: ExpandableExampleProps) {
           {isDeepDive && (
             <>
               <IconDeepDive className="inline me-2 dark:text-purple-30 text-purple-40" />
-              Deep Dive
+              مرور عمیق
             </>
           )}
           {isExample && (
             <>
               <IconCodeBlock className="inline me-2 dark:text-yellow-30 text-yellow-50" />
-              Example
+              مثال
             </>
           )}
         </h5>
@@ -101,7 +101,7 @@ function ExpandableExample({children, excerpt, type}: ExpandableExampleProps) {
           <span className="me-1">
             <IconChevron displayDirection={isExpanded ? 'up' : 'down'} />
           </span>
-          {isExpanded ? 'Hide Details' : 'Show Details'}
+          {isExpanded ? 'پنهان کردن جزئیات' : 'نمایش جزئیات'}
         </Button>
       </summary>
       <div

src/content/learn/add-react-to-an-existing-project.md

@@ -1,28 +1,28 @@
 ---
-title: Setup
+title: راه‌اندازی
 ---
 <Intro>
 
-React integrates with tools like editors, TypeScript, browser extensions, and compilers. This section will help you get your environment set up.
+ری‌اکت با ابزارهایی مانند ویرایشگرها، تایپ‌اسکریپت، افزونه‌های مرورگر و کامپایلرها ادغام می‌شود. این بخش به شما کمک می‌کند محیط توسعه خود را راه‌اندازی کنید.
 
 </Intro>
 
-## Editor Setup {/*editor-setup*/}
+## راه‌اندازی ویرایشگر {/*editor-setup*/}
 
-See our [recommended editors](/learn/editor-setup) and learn how to set them up to work with React.
+[ویرایشگرهای پیشنهادی ما](/learn/editor-setup) را ببینید و یاد بگیرید چطور آن‌ها را برای کار با ری‌اکت پیکربندی کنید.
 
-## Using TypeScript {/*using-typescript*/}
+## استفاده از تایپ‌اسکریپت {/*using-typescript*/}
 
-TypeScript is a popular way to add type definitions to JavaScript codebases. [Learn how to integrate TypeScript into your React projects](/learn/typescript).
+تایپ‌اسکریپت یک روش محبوب برای افزودن تعریف نوع به کدهای جاوااسکریپت است. [یاد بگیرید چگونه تایپ‌اسکریپت را در پروژه‌های ری‌اکت خود ادغام کنید](/learn/typescript).
 
-## React Developer Tools {/*react-developer-tools*/}
+## ابزارهای توسعه ری‌اکت {/*react-developer-tools*/}
 
-React Developer Tools is a browser extension that can inspect React components, edit props and state, and identify performance problems. Learn how to install it [here](learn/react-developer-tools).
+ابزارهای توسعه ری‌اکت یک افزونه مرورگر است که می‌تواند کامپوننت‌های ری‌اکت را بررسی کند، props و state را ویرایش کند و مشکلات عملکردی را شناسایی کند. برای نصب آن [اینجا](/learn/react-developer-tools) را ببینید.
 
-## React Compiler {/*react-compiler*/}
+## کامپایلر ری‌اکت {/*react-compiler*/}
 
-React Compiler is a tool that automatically optimizes your React app. [Learn more](/learn/react-compiler).
+کامپایلر ری‌اکت ابزاری است که به‌طور خودکار اپلیکیشن ری‌اکت شما را بهینه‌سازی می‌کند. [بیشتر بدانید](/learn/react-compiler).
 
-## Next steps {/*next-steps*/}
+## گام‌های بعدی {/*next-steps*/}
 
-Head to the [Quick Start](/learn) guide for a tour of the most important React concepts you will encounter every day.
+به [راهنمای شروع سریع](/learn) بروید تا با مهم‌ترین مفاهیم ری‌اکت که هر روز با آن‌ها روبه‌رو می‌شوید، آشنا شوید.

src/content/learn/creating-a-react-app.md

@@ -1,113 +1,113 @@
 {
-  "title": "React Docs",
+  "title": "مستندات ری‌اکت",
   "path": "/",
   "routes": [
     {
       "hasSectionHeader": true,
-      "sectionHeader": "GET STARTED"
+      "sectionHeader": "شروع کنید"
     },
     {
-      "title": "Quick Start",
+      "title": "شروع سریع",
       "path": "/learn"
     },
     {
-      "title": "Installation",
+      "title": "نصب",
       "path": "/learn/installation"
     },
     {
-      "title": "React Compiler",
+      "title": "کامپایلر ری‌اکت",
       "path": "/learn/react-compiler"
     },
     {
       "hasSectionHeader": true,
-      "sectionHeader": "LEARN REACT"
+      "sectionHeader": "یادگیری ری‌اکت"
     },
     {
-      "title": "Describing the UI",
+      "title": "توصیف رابط کاربری",
       "path": "/learn/describing-the-ui"
     },
     {
-      "title": "Adding Interactivity",
+      "title": "افزودن تعامل",
       "path": "/learn/adding-interactivity"
     },
     {
-      "title": "Managing State",
+      "title": "مدیریت حالت",
       "path": "/learn/managing-state"
     },
     {
-      "title": "Escape Hatches",
+      "title": "راه‌های فرار",
       "path": "/learn/escape-hatches"
     },
     {
       "hasSectionHeader": true,
-      "sectionHeader": "REACT API"
+      "sectionHeader": "API ری‌اکت"
     },
     {
-      "title": "Hooks",
+      "title": "هوک‌ها",
       "path": "/reference/react"
     },
     {
-      "title": "Components",
+      "title": "کامپوننت‌ها",
       "path": "/reference/react/components"
     },
     {
-      "title": "APIs",
+      "title": "APIها",
       "path": "/reference/react/apis"
     },
     {
-      "title": "Legacy APIs",
+      "title": "APIهای قدیمی",
       "path": "/reference/react/legacy"
     },
     {
       "hasSectionHeader": true,
-      "sectionHeader": "REACT DOM API"
+      "sectionHeader": "API ری‌اکت DOM"
     },
     {
-      "title": "Components",
+      "title": "کامپوننت‌ها",
       "path": "/reference/react-dom/components"
     },
     {
-      "title": "APIs",
+      "title": "APIها",
       "path": "/reference/react-dom"
     },
     {
-      "title": "Client APIs",
+      "title": "APIهای کلاینت",
       "path": "/reference/react-dom/client"
     },
     {
-      "title": "Server APIs",
+      "title": "APIهای سرور",
       "path": "/reference/react-dom/server"
     },
     {
       "hasSectionHeader": true,
-      "sectionHeader": "REACT COMPILER API"
+      "sectionHeader": "API کامپایلر ری‌اکت"
     },
     {
-      "title": "Configuration",
+      "title": "پیکربندی",
       "path": "/reference/react-compiler/configuration"
     },
     {
-      "title": "Directives",
+      "title": "دستورالعمل‌ها",
       "path": "/reference/react-compiler/directives"
     },
     {
-      "title": "Compiling Libraries",
+      "title": "کامپایل کتابخانه‌ها",
       "path": "/reference/react-compiler/compiling-libraries"
     },
     {
       "hasSectionHeader": true,
-      "sectionHeader": "GET INVOLVED"
+      "sectionHeader": "مشارکت کنید"
     },
     {
-      "title": "React Community",
+      "title": "جامعه ری‌اکت",
       "path": "/community"
     },
     {
       "hasSectionHeader": true,
-      "sectionHeader": "STAY INFORMED"
+      "sectionHeader": "باخبر بمانید"
     },
     {
-      "title": "React Blog",
+      "title": "بلاگ ری‌اکت",
       "path": "/blog"
     }
   ]