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

Hindi translation of React Without JSX #163

Closed
Changes from 3 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 10 additions & 11 deletions content/docs/react-without-jsx.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
id: react-without-jsx
title: React Without JSX
title: JSX के बिना React
permalink: docs/react-without-jsx.html
---

JSX is not a requirement for using React. Using React without JSX is especially convenient when you don't want to set up compilation in your build environment.
React का उपयोग करने के लिए JSX की आवश्यकता नहीं है। JSX के बिना React का उपयोग करना विशेष रूप से तब सुविधाजनक होता है जब आप अपने बील्ड परिवेश मे कंपाइलेशन को सेटअप नहीं करना चाहते हैं।
Copy link
Member

Choose a reason for hiding this comment

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

should we add build and environment to words that shouldn't be translated? @arshadkazmi42 ?

Copy link
Member

Choose a reason for hiding this comment

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

Actually makes sense. Or may be we can add it in hinglish बिल्ड एनवायरनमेंट


Each JSX element is just syntactic sugar for calling `React.createElement(component, props, ...children)`. So, anything you can do with JSX can also be done with just plain JavaScript.
प्रत्येक JSX एलिमेंट `React.createElement(component, props, ...children)` को कॉल करने के लिए मात्र सुंदर लिखने का तरीक़ा है। अतः, आप JSX से जो कुछ भी कर सकते हैं, वही सब सामान्य जावास्क्रिप्ट से भी किया जा सकता है।
Copy link
Member

Choose a reason for hiding this comment

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

सुंदर लिखने का तरीक़ा is probably not the right translation for syntactic sugar


For example, this code written with JSX:
उदाहरण के लिए, यह JSX के साथ लिखा गया कोड है:

```js
class Hello extends React.Component {
Expand All @@ -23,7 +23,7 @@ ReactDOM.render(
);
```

can be compiled to this code that does not use JSX:
उपरोक्त कोड को नीचे दिए कोड मे कंपाइल किया जा सकता है जिसमें JSX का उपयोग नहीं किया गया है

```js
class Hello extends React.Component {
Expand All @@ -38,11 +38,11 @@ ReactDOM.render(
);
```

If you're curious to see more examples of how JSX is converted to JavaScript, you can try out [the online Babel compiler](babel://jsx-simple-example).
यदि आप अधिक उदाहरण देखने के लिए उत्सुक हैं कि JSX को जावास्क्रिप्ट में कैसे परिवर्तित किया जाता है, तो आप [ऑनलाइन Babel कंपाइलर](babel://jsx-simple-example) आज़मा सकते हैं।

The component can either be provided as a string, as a subclass of `React.Component`, or a plain function.
कौम्पोनॅन्ट या एक स्ट्रिंग के रूप में या `React.Component` के सब-क्लास के रूप में या फिर एक सादे फ़ंक्शन के रूप में प्रदान किया जा सकता है।

If you get tired of typing `React.createElement` so much, one common pattern is to assign a shorthand:
यदि आप `React.createElement` टाइप करते-करते थक जाते हैं, तो एक सामान्य तारिका शॉर्टहैंड बनाना है:

```js
const e = React.createElement;
Expand All @@ -53,7 +53,6 @@ ReactDOM.render(
);
```

If you use this shorthand form for `React.createElement`, it can be almost as convenient to use React without JSX.

Alternatively, you can refer to community projects such as [`react-hyperscript`](https://github.com/mlmorg/react-hyperscript) and [`hyperscript-helpers`](https://github.com/ohanhi/hyperscript-helpers) which offer a terser syntax.
यदि आप `React.createElement` के लिए इस शॉर्टहैंड फॉर्म का उपयोग करते हैं, तो JSX के बिना React का उपयोग करना लगभग सुविधाजनक हो सकता है।

इसके अलावा, आप [`रीएक्ट-हाइपरस्क्रिप्ट`](https://github.com/mlmorg/react-hyperscript) और [`हाइपरस्क्रिप्ट-हेल्पर्स`](https://github.com/ohanhi/hyperscript-helpers) जैसी सामुदायिक प्रोजेक्ट्स को भी देख सकते हैं, जो एक संक्षिप्त वाक्य रचना प्रदान करती हैं।
Copy link
Member

Choose a reason for hiding this comment

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

terse has a different meaning than संक्षिप्त वाक्य रचना