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
تایپاسکریپت یک روش پرطرفدار برای اضافه کردن تعریف type به کدهای جاوااسکریپت است. بهصورت پیشفرض تایپاسکریپت [از JSX پشتیبانی میکند](/learn/writing-markup-with-jsx) و با اضافه کردن بستههای [`@types/react`](https://www.npmjs.com/package/@types/react) و [`@types/react-dom`](https://www.npmjs.com/package/@types/react-dom) به پروژه، پشتیبانی کامل از ریاکت وب را خواهید داشت.
8
+
تایپاسکریپت یک روش پرطرفدار برای اضافه کردن تعریف type به کدهای جاوااسکریپت است. بهصورت پیشفرض تایپاسکریپت [از JSX پشتیبانی میکند](/learn/writing-markup-with-jsx) و با اضافه کردن [`@types/react`](https://www.npmjs.com/package/@types/react) و [`@types/react-dom`](https://www.npmjs.com/package/@types/react-dom) به پروژه، پشتیبانی کامل از ریاکت وب را خواهید داشت.
9
9
10
10
</Intro>
11
11
12
12
<YouWillLearn>
13
13
14
14
*[استفاده از تایپاسکریپت با کامپوننتهای ریاکت](/learn/typescript#typescript-with-react-components)
15
-
*[نمونههایی از تعریف نوع در هوکها](/learn/typescript#example-hooks)
15
+
*[نمونههایی از تعریف type در هوکها](/learn/typescript#example-hooks)
16
16
*[انواع پرکاربرد از `@types/react`](/learn/typescript#useful-types)
17
17
*[منابع بیشتر برای یادگیری](/learn/typescript#further-learning)
این sandboxها میتوانند کد تایپاسکریپت را اجرا کنند، اما بررسیکننده نوع را اجرا نمیکنند. این بدان معناست که میتوانید sandboxهای تایپاسکریپت را برای یادگیری تغییر دهید، اما هیچ خطا یا هشدار نوعی دریافت نخواهید کرد. برای بررسی نوع، میتوانید از [TypeScript Playground](https://www.typescriptlang.org/play) یا یک sandbox آنلاین کاملتر استفاده کنید.
83
+
این sandboxها میتوانند کد تایپاسکریپت را اجرا کنند، اما type-checker را اجرا نمیکنند. این بدان معناست که میتوانید sandboxهای تایپاسکریپت را برای یادگیری تغییر دهید، اما هیچ خطا یا هشدار نوعی دریافت نخواهید کرد. برای بررسی type، میتوانید از [TypeScript Playground](https://www.typescriptlang.org/play) یا یک sandbox آنلاین کاملتر استفاده کنید.
84
84
85
85
</Note>
86
86
87
-
این نحو درخط سادهترین روش برای ارائه نوعها برای یک کامپوننت است، اگرچه وقتی شروع به داشتن چند فیلد برای توصیف میکنید، میتواند دشوار شود. به جای آن، میتوانید از `interface` یا `type` برای توصیف props کامپوننت استفاده کنید:
87
+
این نحوهی نوشتن درونخطی (inline syntax) سادهترین روش برای ارائه typeها برای یک کامپوننت است، اگرچه وقتی شروع به داشتن چند فیلد برای توصیف میکنید، میتواند دشوار شود. به جای آن، میتوانید از `interface` یا `type` برای توصیف props کامپوننت استفاده کنید:
type توصیفکننده props کامپوننت شما میتواند به سادگی یا پیچیدگی مورد نیاز شما باشد، اگرچه باید یک type شیء باشد که با `type` یا `interface`توصیف شده باشد. میتوانید درباره نحوه توصیف اشیاء در تایپاسکریپت در [Object Types](https://www.typescriptlang.org/docs/handbook/2/objects.html) بیاموزید، اما ممکن است به استفاده از [Union Types](https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#union-types) برای توصیف یک prop که میتواند یکی از چند نوع مختلف باشد و راهنمای [Creating Types from Types](https://www.typescriptlang.org/docs/handbook/2/types-from-types.html) برای موارد کاربرد پیشرفتهتر علاقهمند باشید.
122
+
type ای که برای props کامپوننت تعریف میکنید میتواند بسته به نیازتان ساده یا پیچیده باشد، اما باید حتماً یک نوع شیء باشد که با `type` یا `interface`مشخص شده است. میتوانید درباره نحوه توصیف اشیاء در تایپاسکریپت در [Object Types](https://www.typescriptlang.org/docs/handbook/2/objects.html) بیاموزید، اما ممکن است بخواهید از [Union Types](https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#union-types) برای توصیف propهایی استفاده کنید که میتوانند یکی از چند نوع مختلف باشند، و همچنین راهنمای [Creating Types from Types](https://www.typescriptlang.org/docs/handbook/2/types-from-types.html)را برای کاربردهای پیشرفتهتر مطالعه کنید.
123
123
124
124
125
125
## نمونههای هوک {/*example-hooks*/}
126
126
127
-
تعریف نوعها (types) از `@types/react` شامل نوعهایی (types) برای هوکهای داخلی است، بنابراین میتوانید بدون نیاز به تنظیمات اضافی از آنها در کامپوننتهای خود استفاده کنید. آنها به گونهای ساخته شدهاند که کد نوشته شده در کامپوننت شما را در نظر میگیرند، بنابراین در بسیاری از مواقع [inferred types](https://www.typescriptlang.org/docs/handbook/type-inference.html) را دریافت خواهید کرد و در حالت ایدهآل نیازی به مدیریت جزئیات ارائه نوعها(typea) ندارید.
127
+
تعریف typeها از `@types/react` شامل typeهایی برای هوکهای داخلی (built-in Hooks) است، بنابراین میتوانید بدون نیاز به تنظیمات اضافی از آنها در کامپوننتهای خود استفاده کنید. آنها به گونهای ساخته شدهاند که کد نوشته شده در کامپوننت شما را در نظر میگیرند، بنابراین در بسیاری از مواقع [inferred types](https://www.typescriptlang.org/docs/handbook/type-inference.html) را دریافت خواهید کرد و در حالت ایدهآل نیازی به مدیریت جزئیات ارائه typeها ندارید.
128
128
129
-
با این حال، میتوانیم به چند نمونه از نحوه ارائه نوعها برای هوکها نگاهی بیندازیم.
129
+
با این حال، میتوانیم به چند نمونه از نحوه ارائه typeها برای هوکها نگاهی بیندازیم.
0 commit comments