Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs: Translate "Using TypeScript" page to Hindi #266

Merged

Conversation

sohail-313
Copy link

This pull request addresses issue #168.

Changes Proposed

Translated the "Using TypeScript" page in the React documentation to Hindi.

Recording

typescript-hindi.mov

Note to Reviewers

No specific notes for reviewers at the moment. The changes are straightforward and align with the outlined translation task. If you have any questions or suggestions, please feel free to let me know.

@sohail-313
Copy link
Author

@arshadkazmi42 can you validate this if you are free, It has been three days

@arshadkazmi42 arshadkazmi42 added the 1st Review First phase of review label Jan 8, 2024
@arshadkazmi42
Copy link
Member

@arshadkazmi42 can you validate this if you are free, It has been three days

@sohail-313 Sorry for the delay. I will get to it asap. I have been a bit occupied.

@arshadkazmi42 arshadkazmi42 self-requested a review January 8, 2024 16:41
@@ -1,57 +1,56 @@
---
title: Using TypeScript
title: टाइपस्क्रिप्ट का उपयोग
Copy link
Member

@arshadkazmi42 arshadkazmi42 May 11, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
title: टाइपस्क्रिप्ट का उपयोग
title: TypeScript का उपयोग

lets not translate TypeScript word
replace it every where using Find & Replace


TypeScript is a popular way to add type definitions to JavaScript codebases. Out of the box, TypeScript [supports JSX](/learn/writing-markup-with-jsx) and you can get full React Web support by adding [`@types/react`](https://www.npmjs.com/package/@types/react) and [`@types/react-dom`](https://www.npmjs.com/package/@types/react-dom) to your project.

टाइपस्क्रिप्ट एक पॉपुलर तरीका है जिससे जावास्क्रिप्ट कोडबेस में टाइप डेफिनीशन जोड़ी जा सकती है। टाइपस्क्रिप्ट [JSX](/learn/writing-markup-with-jsx) को समर्थन करता है, और आप अपनें परियोजना में [`@types/react`](https://www.npmjs.com/package/@types/react) and [`@types/react-dom`](https://www.npmjs.com/package/@types/react-dom) जोड़कर पूर्ण रिएक्ट वेब समर्थन प्राप्त कर सकते हैं।
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
टाइपस्क्रिप्ट एक पॉपुलर तरीका है जिससे जावास्क्रिप्ट कोडबेस में टाइप डेफिनीशन जोड़ी जा सकती है। टाइपस्क्रिप्ट [JSX](/learn/writing-markup-with-jsx) को समर्थन करता है, और आप अपनें परियोजना में [`@types/react`](https://www.npmjs.com/package/@types/react) and [`@types/react-dom`](https://www.npmjs.com/package/@types/react-dom) जोड़कर पूर्ण रिएक्ट वेब समर्थन प्राप्त कर सकते हैं।
टाइपस्क्रिप्ट एक पॉपुलर तरीका है जिससे जावास्क्रिप्ट कोडबेस में टाइप डेफिनीशन ऐड की जा सकती है। टाइपस्क्रिप्ट [JSX](/learn/writing-markup-with-jsx) को सपोर्ट करता है, और आप अपनें प्रोजेक्ट में [`@types/react`](https://www.npmjs.com/package/@types/react) and [`@types/react-dom`](https://www.npmjs.com/package/@types/react-dom) जोड़कर पूर्ण React वेब सपोर्ट प्राप्त कर सकते हैं।


TypeScript is a popular way to add type definitions to JavaScript codebases. Out of the box, TypeScript [supports JSX](/learn/writing-markup-with-jsx) and you can get full React Web support by adding [`@types/react`](https://www.npmjs.com/package/@types/react) and [`@types/react-dom`](https://www.npmjs.com/package/@types/react-dom) to your project.

टाइपस्क्रिप्ट एक पॉपुलर तरीका है जिससे जावास्क्रिप्ट कोडबेस में टाइप डेफिनीशन जोड़ी जा सकती है। टाइपस्क्रिप्ट [JSX](/learn/writing-markup-with-jsx) को समर्थन करता है, और आप अपनें परियोजना में [`@types/react`](https://www.npmjs.com/package/@types/react) and [`@types/react-dom`](https://www.npmjs.com/package/@types/react-dom) जोड़कर पूर्ण रिएक्ट वेब समर्थन प्राप्त कर सकते हैं।
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add a line break at line 7

* [Examples of typing with Hooks](/learn/typescript#example-hooks)
* [Common types from `@types/react`](/learn/typescript/#useful-types)
* [Further learning locations](/learn/typescript/#further-learning)
* [टाइपस्क्रिप्ट के साथ रिएक्ट कंपोनेंट्स:](/learn/typescript#typescript-with-react-components)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
* [टाइपस्क्रिप्ट के साथ रिएक्ट कंपोनेंट्स:](/learn/typescript#typescript-with-react-components)
* [टाइपस्क्रिप्ट के साथ React कौम्पोनॅन्टस](/learn/typescript#typescript-with-react-components)

Update whole file to use React and for components use कौम्पोनॅन्टस

* [Common types from `@types/react`](/learn/typescript/#useful-types)
* [Further learning locations](/learn/typescript/#further-learning)
* [टाइपस्क्रिप्ट के साथ रिएक्ट कंपोनेंट्स:](/learn/typescript#typescript-with-react-components)
* [हुक्स के साथ टाइपिंग के उदाहरण](/learn/typescript#example-hooks)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
* [हुक्स के साथ टाइपिंग के उदाहरण](/learn/typescript#example-hooks)
* [Hooks के साथ टाइपिंग के उदाहरण](/learn/typescript#example-hooks)

lets not translate React related keywords

* [Further learning locations](/learn/typescript/#further-learning)
* [टाइपस्क्रिप्ट के साथ रिएक्ट कंपोनेंट्स:](/learn/typescript#typescript-with-react-components)
* [हुक्स के साथ टाइपिंग के उदाहरण](/learn/typescript#example-hooks)
* [सामान्य प्रकारें से `@types/react`](/learn/typescript/#useful-types)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
* [सामान्य प्रकारें से `@types/react`](/learn/typescript/#useful-types)
* [`@types/react` से कॉमन टाइप्स](/learn/typescript/#useful-types)


</YouWillLearn>

## Installation {/*installation*/}

All [production-grade React frameworks](/learn/start-a-new-react-project#production-grade-react-frameworks) offer support for using TypeScript. Follow the framework specific guide for installation:
सभी [प्रोडक्शन-ग्रेड रिएक्ट फ्रेमवर्क्स](/learn/start-a-new-react-project#production-grade-react-frameworks) टाइपस्क्रिप्ट का समर्थन करते हैं। स्थापना के लिए फ्रेमवर्क विशिष्ट गाइड का पालन करें:
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
सभी [प्रोडक्शन-ग्रेड रिएक्ट फ्रेमवर्क्स](/learn/start-a-new-react-project#production-grade-react-frameworks) टाइपस्क्रिप्ट का समर्थन करते हैं। स्थापना के लिए फ्रेमवर्क विशिष्ट गाइड का पालन करें:
सभी [प्रोडक्शन-ग्रेड React फ्रेमवर्क्स](/learn/start-a-new-react-project#production-grade-react-frameworks) TypeScript को सपोर्ट करते हैं। इंस्टालेशन के लिए फ्रेमवर्क विशिष्ट गाइड का पालन करें:

* [टाइपस्क्रिप्ट के साथ रिएक्ट कंपोनेंट्स:](/learn/typescript#typescript-with-react-components)
* [हुक्स के साथ टाइपिंग के उदाहरण](/learn/typescript#example-hooks)
* [सामान्य प्रकारें से `@types/react`](/learn/typescript/#useful-types)
* [और सीखने के स्थान](/learn/typescript/#further-learning)

</YouWillLearn>

## Installation {/*installation*/}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
## Installation {/*installation*/}
## इंस्टालेशन {/*installation*/}

translate titles as well


- [Next.js](https://nextjs.org/docs/pages/building-your-application/configuring/typescript)
- [Remix](https://remix.run/docs/en/1.19.2/guides/typescript)
- [Gatsby](https://www.gatsbyjs.com/docs/how-to/custom-configuration/typescript/)
- [Expo](https://docs.expo.dev/guides/typescript/)

### Adding TypeScript to an existing React project {/*adding-typescript-to-an-existing-react-project*/}
### मौजूदा रिएक्ट परियोजना में टाइपस्क्रिप्ट जोड़ना {/*adding-typescript-to-an-existing-react-project*/}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
### मौजूदा रिएक्ट परियोजना में टाइपस्क्रिप्ट जोड़ना {/*adding-typescript-to-an-existing-react-project*/}
### मौजूदा React प्रोजेक्ट में TypeScript ऐड करना {/*adding-typescript-to-an-existing-react-project*/}


To install the latest version of React's type definitions:
लेटेस्ट वर्शन की रिएक्ट के टाइप डेफिनीशन्स को स्थापित करने के लिए:
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
लेटेस्ट वर्शन की रिएक्ट के टाइप डेफिनीशन्स को स्थापित करने के लिए:
लेटेस्ट वर्शन React के टाइप डेफिनीशन्स को इनस्टॉल करने के लिए:

Copy link
Member

@arshadkazmi42 arshadkazmi42 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for taking time and working on this.

I have added comments till line 35. Let's get these fixed before continuing further with review.

I will also suggest making the suggested changes in whole file using find & replace will speed up the review process

@arshadkazmi42
Copy link
Member

Merging this and we can take care of comments in a followup PR

Copy link

Size changes

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

@arshadkazmi42 arshadkazmi42 merged commit 2361e96 into reactjs:main Sep 30, 2024
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
1st Review First phase of review
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants