Skip to content

Commit bf63903

Browse files
committed
improve clarity and consistency in Persian localization of react-developer-tools documentation.
1 parent de63829 commit bf63903

File tree

1 file changed

+10
-8
lines changed

1 file changed

+10
-8
lines changed

src/content/learn/react-developer-tools.md

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@ title: ابزار توسعه ری‌اکت
33
---
44

55
<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+
79
</Intro>
810

911
<YouWillLearn>
@@ -14,13 +16,13 @@ title: ابزار توسعه ری‌اکت
1416

1517
## اکستنشن های مرورگر {/*browser-extension*/}
1618

17-
نصب کردن افزونه ابزار توسعه ری‌اکت، ساده ترین راهی است که برای اشکال زدایی کردن وبسایت های که با ری‌اکت ساخته شده اند وجود دارد. این افزونه برای مرورگر های معروف در دسترس می باشد.
19+
نصب افزونه ابزار توسعه ری‌اکت ساده‌ترین روش برای اشکال‌زدایی وب‌سایت‌های ساخته‌شده با ری‌اکت است. این افزونه برای چند مرورگر محبوب در دسترس است.
1820

1921
* [نصب برای **Chrome**](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)
2022
* [نصب برای **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/)
2123
* [نصب برای **Edge**](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil)
2224

23-
حالا اگر یک وب سایت که با **ری‌اکت** ساخته شده است را باز کنید، پنل های _Components_ و _Profiler_ را مشاهده خواهید کرد.
25+
اکنون، اگر از یک وب‌سایت **ساخته‌شده با ری‌اکت** بازدید کنید، پانل‌های _Components_ و _Profiler_ را خواهید دید.
2426

2527
![React Developer Tools extension](/images/docs/react-devtools-extension.png)
2628

@@ -34,26 +36,26 @@ yarn global add react-devtools
3436
npm install -g react-devtools
3537
```
3638

37-
بعد ابزار های توسعه را از ترمینال باز کنید:
39+
سپس ابزار های توسعه را از ترمینال باز کنید:
3840
```bash
3941
react-devtools
4042
```
4143

42-
سپس وب سایت خود را با اضافه کردن تگ `<script>` به ابتدای تگ `<head>` به این پکیج متصل کنید.
44+
سپس با اضافه کردن تگ `<script>` زیر به ابتدای تگ `<head>` وب‌سایت خود را متصل کنید:
4345
```html {3}
4446
<html>
4547
<head>
4648
<script src="http://localhost:8097"></script>
4749
```
4850

49-
وب سایت خود را بارگیری مجدد کرده تا بتوانید آن را در ابزار توسعه مشاهده کنید.
51+
اکنون وب‌سایت خود را در مرورگر بازخوانی کنید تا بتوانید آن را در ابزار توسعه مشاهده کنید.
5052

5153
![React Developer Tools standalone](/images/docs/react-devtools-standalone.png)
5254

5355
## موبایل (ری‌اکت نیتیو) {/*mobile-react-native*/}
5456

55-
برای بررسی کردن برنامه هایی که با [ری‌اکت نیتیو](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) استفاده کنید. این ابزار اشکال‌زدای داخلی است که به‌طور کامل با ابزار توسعه ری‌اکت ادغام شده است. همه ویژگی‌ها، از جمله برجسته‌سازی و انتخاب عناصر بومی، به‌طور دقیق مشابه نسخه افزونه مرورگر کار می‌کنند.
5658

5759
[در مورد اشکال زدایی در ری‌اکت نیتیو بیشتر بخوانید.](https://reactnative.dev/docs/debugging)
5860

59-
> برای نسخه های ری‌اکت نیتیو قبل از 0.76، لطفا از ابزار توسعه مستقل React DevTools برای [سافاری و سایر مرورگر ها](#safari-and-other-browsers) در راهنمای فوق استفاده کنید.
61+
> برای نسخه‌های ری‌اکت نیتیو قبل از 0.76، لطفاً از نسخه مستقل React DevTools مطابق [راهنمای سافاری و سایر مرورگرها](#safari-and-other-browsers) در بالا استفاده کنید.

0 commit comments

Comments
 (0)