You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/learn/react-developer-tools.md
+10-8Lines changed: 10 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -3,7 +3,9 @@ title: ابزار توسعه ریاکت
3
3
---
4
4
5
5
<Intro>
6
-
از ابزار توسعه ریاکت برای بررسی کردن [کاپوننت ها](/learn/your-first-component)، تغییرات [پراپ](/learn/passing-props-to-a-component) و [وضعیت ها](/learn/state-a-components-memory) و همچنین شناسایی مشکلات عملکردی و کارایی استفاده می شود.
6
+
7
+
از ابزار توسعه ریاکت برای بررسی [کاپوننتها](/learn/your-first-component)، ویرایش [prop](/learn/passing-props-to-a-component) و [state](/learn/state-a-components-memory) و همچنین شناسایی مشکلات عملکردی استفاده میشود.
8
+
7
9
</Intro>
8
10
9
11
<YouWillLearn>
@@ -14,13 +16,13 @@ title: ابزار توسعه ریاکت
14
16
15
17
## اکستنشن های مرورگر {/*browser-extension*/}
16
18
17
-
نصب کردن افزونه ابزار توسعه ریاکت، ساده ترین راهی است که برای اشکال زدایی کردن وبسایت های که با ریاکت ساخته شده اند وجود دارد. این افزونه برای مرورگر های معروف در دسترس می باشد.
19
+
نصب افزونه ابزار توسعه ریاکت سادهترین روش برای اشکالزدایی وبسایتهای ساختهشده با ریاکت است. این افزونه برای چند مرورگر محبوب در دسترس است.
18
20
19
21
*[نصب برای **Chrome**](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)
20
22
*[نصب برای **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/)
21
23
*[نصب برای **Edge**](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil)
22
24
23
-
حالا اگر یک وب سایت که با **ریاکت**ساخته شده است را باز کنید، پنل های _Components_ و _Profiler_ را مشاهده خواهید کرد.
25
+
اکنون، اگر از یک وبسایت **ساختهشده با ریاکت**بازدید کنید، پانلهای _Components_ و _Profiler_ را خواهید دید.
برای بررسی کردن برنامه هایی که با [ریاکت نیتیو](https://reactnative.dev/) ساخته شده اند، میتوانید از [React Native DevTools](https://reactnative.dev/docs/react-native-devtools) استفاده کنید. این یک اشکال زدای درونی دارد که به صورت عمیق با ابزار توسعه ریاکت ادغام می شود. همه ویژگی ها به صورت کاملا یکسان با انچه در افزونه مروگر وجود دارد از جمله برجسته سازی عنصر و انتخاب شده ها کار می کند.
57
+
برای بررسی برنامههایی که با [ریاکت نیتیو](https://reactnative.dev/) ساخته شدهاند، میتوانید از [React Native DevTools](https://reactnative.dev/docs/react-native-devtools) استفاده کنید. این ابزار اشکالزدای داخلی است که بهطور کامل با ابزار توسعه ریاکت ادغام شده است. همه ویژگیها، از جمله برجستهسازی و انتخاب عناصر بومی، بهطور دقیق مشابه نسخه افزونه مرورگر کار میکنند.
56
58
57
59
[در مورد اشکال زدایی در ریاکت نیتیو بیشتر بخوانید.](https://reactnative.dev/docs/debugging)
58
60
59
-
> برای نسخه های ریاکت نیتیو قبل از 0.76، لطفا از ابزار توسعه مستقل React DevTools برای [سافاری و سایر مرورگر ها](#safari-and-other-browsers) در راهنمای فوق استفاده کنید.
61
+
> برای نسخههای ریاکت نیتیو قبل از 0.76، لطفاً از نسخه مستقل React DevTools مطابق [راهنمای سافاری و سایر مرورگرها](#safari-and-other-browsers) در بالا استفاده کنید.
0 commit comments