From 9b47920a3c246ce73d5a11a35cdafcda79b54cad Mon Sep 17 00:00:00 2001 From: Rishabh Gupta Date: Tue, 28 Apr 2020 19:45:29 +0530 Subject: [PATCH 1/4] Translated the adding-form to Hindi --- docs/docs/adding-forms.md | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/docs/docs/adding-forms.md b/docs/docs/adding-forms.md index 673529d..81bd97d 100644 --- a/docs/docs/adding-forms.md +++ b/docs/docs/adding-forms.md @@ -1,10 +1,10 @@ --- -title: Adding Forms +title: फॉर्म को जोड़ना --- -Gatsby is built on top of React. So anything that is possible with a React form is possible in Gatsby. Additional details about how to create React forms can be found in the [React forms documentation](https://reactjs.org/docs/forms.html) (which happens to be built with Gatsby!) +Gatsby के ऊपर बनाया गया है React. तो सब कुछ जो संभव है React फॉर्म में ,वो संभव है Gatsby में भी. अतिरिक्त जानकारि की कैसे बनाएं React फॉर्म ,यहाँ पाया जा सकता है [React forms documentation](https://reactjs.org/docs/forms.html) (जो बनाया गया है Gatsby! से) -Start with the following page. +सेुरू करें निम्नलिखित पृष्ठ से. ```jsx:title=src/pages/index.js import React from "react" @@ -12,24 +12,24 @@ import React from "react" export default () =>
Hello world!
``` -This Gatsby page is a React component. When you want to create a form, you need to store the state of the form - what the user has entered. Convert your function (stateless) component to a class (stateful) component. +ये Gatsby पृष्ठ एक React कौम्पोनॅन्ट है. जब आप एक फॉर्म चाहते हैं , आपको फॉर्म की स्टेट स्टोर करने की आवश्यकता है - उपयोगकर्ता ने क्या दर्ज किया है. अपने कृत्य(अवस्थाहीं) कौम्पोनॅन्ट कोह क्लास (स्टेटफुल) कौम्पोनॅन्ट रूपांतरित करो. ```jsx:title=src/pages/index.js import React from "react" -export default class IndexPage extends React.Component { +export default class IndexPage extends React.कौम्पोनॅन्ट { render() { return
Hello world!
} } ``` -Now that you have created a class component, you can add `state` to the component. +अब जब आपने क्लास कौम्पोनॅन्ट बना लिया है,अब आप जोड़ सकते हो `state` कौम्पोनॅन्ट में. ```jsx:title=src/pages/index.js import React from "react" -export default class IndexPage extends React.Component { +export default class IndexPage extends React.कौम्पोनॅन्ट { state = { firstName: "", lastName: "", @@ -41,7 +41,7 @@ export default class IndexPage extends React.Component { } ``` -And now you can add a few input fields: +और अब आप कुछ इनपुट फ़ील्ड भी जोड़ सकते हैं : ```jsx:title=src/pages/index.js import React from "react" @@ -70,7 +70,7 @@ export default class IndexPage extends React.Component { } ``` -When a user types into an input box, the state should update. Add an `onChange` prop to update state and add a `value` prop to keep the input up to date with the new state: +जब कोई उपयोगकर्ता एक इनपुट बॉक्स में टाइप करता है, स्टेट को अद्यतन करना चाहिए. एक `onChange` जोड़ें जो स्टेट अद्यतन करेगा और एक `value` प्रोप जोड़ें इनपुट को अद्यतित रखना के लीये नए स्टेट के साथ: ```jsx:title=src/pages/index.js import React from "react" @@ -119,7 +119,7 @@ export default class IndexPage extends React.Component { } ``` -Now that your inputs are working, you want something to happen when you submit the form. Add `onSubmit` props to the form element and add `handleSubmit` to show an alert when the user submits the form: +अब जब कि आपके इनपुट काम कर रहे हैं, आप कुछ फॉर्म जमा करते वक़्त होने वाला बनना चाहते हैं. एक `onSubmit` प्रोप फॉर्म में जोड़ें और एक `handleSubmit` यहाँ दिखाने के लीये जब उपयोगकर्ता फ़ॉर्म सबमिट करे तो अलर्ट दिखे: ```jsx:title=src/pages/index.js import React from "react" @@ -173,6 +173,6 @@ export default class IndexPage extends React.Component { } ``` -This form isn't doing anything besides showing the user information that they just entered. At this point, you may want to move this form to a component, send the form state to a backend server, or add robust validation. You can also use fantastic React form libraries like [Formik](https://github.com/jaredpalmer/formik) or [Final Form](https://github.com/final-form/react-final-form) to speed up your development process. +यह फ़ॉर्म कुछ भी नहीं कर रहा है उपयोगकर्ता द्वारा दर्ज की गई जानकारी प्रदर्शन के अलवा. इस समय, आप फ़ार्म को कौम्पोनॅन्ट चाहते हैं, फ़ार्म स्टेट को बैकएंड सर्वर पर भज सकत है, या मजबूत मान्यकरण जोर सखते है. आप ये भी उपयोग कर सकते हैं विलक्षण React फ़ार्म लाइब्रेरी जैसा [Formik](https://github.com/jaredpalmer/formik) या[Final Form](https://github.com/final-form/react-final-form) अपनी डिविलडेवेलोपमेंट गति बढ़ाने के लिए. -All of this is possible and more by leveraging the power of Gatsby and the React ecosystem! +यह सब और इस्से अधिक भी संभव है Gatsby और React पारिस्थितिकी तंत्र की शक्ति का लाभ उठाकर! From 342fae197e7a772bdff3392bdbc25a2141651407 Mon Sep 17 00:00:00 2001 From: Rishabh Gupta <38923768+imrishabh18@users.noreply.github.com> Date: Sun, 10 May 2020 14:41:48 +0530 Subject: [PATCH 2/4] Resolving changes till line 14 --- docs/docs/adding-forms.md | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/docs/docs/adding-forms.md b/docs/docs/adding-forms.md index 81bd97d..15888cf 100644 --- a/docs/docs/adding-forms.md +++ b/docs/docs/adding-forms.md @@ -2,9 +2,8 @@ title: फॉर्म को जोड़ना --- -Gatsby के ऊपर बनाया गया है React. तो सब कुछ जो संभव है React फॉर्म में ,वो संभव है Gatsby में भी. अतिरिक्त जानकारि की कैसे बनाएं React फॉर्म ,यहाँ पाया जा सकता है [React forms documentation](https://reactjs.org/docs/forms.html) (जो बनाया गया है Gatsby! से) - -सेुरू करें निम्नलिखित पृष्ठ से. +Gatsby के ऊपर बनाया गया है React| तो सब कुछ जो React में संभव है वह सब फॉर्म में भी संभव है। अतिरिक्त जानकारि की कैसे बनाएं React फॉर्म, यहाँ पाया जा सकता है [React forms documentation](https://reactjs.org/docs/forms.html) (जो Gatsby! से बनाया गया है) +निम्नलिखित पेज से सुरु करें। ```jsx:title=src/pages/index.js import React from "react" @@ -12,7 +11,7 @@ import React from "react" export default () =>
Hello world!
``` -ये Gatsby पृष्ठ एक React कौम्पोनॅन्ट है. जब आप एक फॉर्म चाहते हैं , आपको फॉर्म की स्टेट स्टोर करने की आवश्यकता है - उपयोगकर्ता ने क्या दर्ज किया है. अपने कृत्य(अवस्थाहीं) कौम्पोनॅन्ट कोह क्लास (स्टेटफुल) कौम्पोनॅन्ट रूपांतरित करो. +ये Gatsby पृष्ठ एक React कौम्पोनॅन्ट है| जब आप एक फॉर्म चाहते हैं, आपको फॉर्म की स्टेट स्टोर करने की आवश्यकता है - उपयोगकर्ता ने क्या दर्ज किया है| अपने कृत्य(अवस्थाहीं) कौम्पोनॅन्ट कोह क्लास (स्टेटफुल) कौम्पोनॅन्ट रूपांतरित करो| ```jsx:title=src/pages/index.js import React from "react" @@ -24,7 +23,7 @@ export default class IndexPage extends React.कौम्पोनॅन्ट { } ``` -अब जब आपने क्लास कौम्पोनॅन्ट बना लिया है,अब आप जोड़ सकते हो `state` कौम्पोनॅन्ट में. +अब जब आपने क्लास कौम्पोनॅन्ट बना लिया है,अब आप जोड़ सकते हो `state` कौम्पोनॅन्ट में| ```jsx:title=src/pages/index.js import React from "react" @@ -70,7 +69,7 @@ export default class IndexPage extends React.Component { } ``` -जब कोई उपयोगकर्ता एक इनपुट बॉक्स में टाइप करता है, स्टेट को अद्यतन करना चाहिए. एक `onChange` जोड़ें जो स्टेट अद्यतन करेगा और एक `value` प्रोप जोड़ें इनपुट को अद्यतित रखना के लीये नए स्टेट के साथ: +जब कोई उपयोगकर्ता एक इनपुट बॉक्स में टाइप करता है, स्टेट को अद्यतन करना चाहिए| एक `onChange` जोड़ें जो स्टेट अद्यतन करेगा और एक `value` प्रोप जोड़ें इनपुट को अद्यतित रखना के लीये नए स्टेट के साथ: ```jsx:title=src/pages/index.js import React from "react" @@ -119,7 +118,7 @@ export default class IndexPage extends React.Component { } ``` -अब जब कि आपके इनपुट काम कर रहे हैं, आप कुछ फॉर्म जमा करते वक़्त होने वाला बनना चाहते हैं. एक `onSubmit` प्रोप फॉर्म में जोड़ें और एक `handleSubmit` यहाँ दिखाने के लीये जब उपयोगकर्ता फ़ॉर्म सबमिट करे तो अलर्ट दिखे: +अब जब कि आपके इनपुट काम कर रहे हैं, आप कुछ फॉर्म जमा करते वक़्त होने वाला बनना चाहते हैं| एक `onSubmit` प्रोप फॉर्म में जोड़ें और एक `handleSubmit` यहाँ दिखाने के लीये जब उपयोगकर्ता फ़ॉर्म सबमिट करे तो अलर्ट दिखे: ```jsx:title=src/pages/index.js import React from "react" @@ -173,6 +172,6 @@ export default class IndexPage extends React.Component { } ``` -यह फ़ॉर्म कुछ भी नहीं कर रहा है उपयोगकर्ता द्वारा दर्ज की गई जानकारी प्रदर्शन के अलवा. इस समय, आप फ़ार्म को कौम्पोनॅन्ट चाहते हैं, फ़ार्म स्टेट को बैकएंड सर्वर पर भज सकत है, या मजबूत मान्यकरण जोर सखते है. आप ये भी उपयोग कर सकते हैं विलक्षण React फ़ार्म लाइब्रेरी जैसा [Formik](https://github.com/jaredpalmer/formik) या[Final Form](https://github.com/final-form/react-final-form) अपनी डिविलडेवेलोपमेंट गति बढ़ाने के लिए. +यह फ़ॉर्म कुछ भी नहीं कर रहा है उपयोगकर्ता द्वारा दर्ज की गई जानकारी प्रदर्शन के अलवा| इस समय, आप फ़ार्म को कौम्पोनॅन्ट चाहते हैं, फ़ार्म स्टेट को बैकएंड सर्वर पर भज सकत है, या मजबूत मान्यकरण जोर सखते है| आप ये भी उपयोग कर सकते हैं विलक्षण React फ़ार्म लाइब्रेरी जैसा [Formik](https://github.com/jaredpalmer/formik) या[Final Form](https://github.com/final-form/react-final-form) अपनी डिविलडेवेलोपमेंट गति बढ़ाने के लिए| यह सब और इस्से अधिक भी संभव है Gatsby और React पारिस्थितिकी तंत्र की शक्ति का लाभ उठाकर! From e37c47138e2ad6b24a016cc40f5ea21ebd55aa7d Mon Sep 17 00:00:00 2001 From: Rishabh Gupta Date: Tue, 26 May 2020 17:43:24 +0530 Subject: [PATCH 3/4] Resolved the changes --- docs/docs/adding-forms.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/docs/adding-forms.md b/docs/docs/adding-forms.md index 81bd97d..70a673f 100644 --- a/docs/docs/adding-forms.md +++ b/docs/docs/adding-forms.md @@ -2,9 +2,9 @@ title: फॉर्म को जोड़ना --- -Gatsby के ऊपर बनाया गया है React. तो सब कुछ जो संभव है React फॉर्म में ,वो संभव है Gatsby में भी. अतिरिक्त जानकारि की कैसे बनाएं React फॉर्म ,यहाँ पाया जा सकता है [React forms documentation](https://reactjs.org/docs/forms.html) (जो बनाया गया है Gatsby! से) +Gatsby के ऊपर बनाया गया है React। तो सब कुछ जो संभव है React फॉर्म में ,वो संभव है Gatsby में भी. अतिरिक्त जानकारि की कैसे बनाएं React फॉर्म ,यहाँ पाया जा सकता है [React forms documentation](https://reactjs.org/docs/forms.html) (जो बनाया गया है Gatsby! से) -सेुरू करें निम्नलिखित पृष्ठ से. +निम्नलिखित पेज से सुरु करें। ```jsx:title=src/pages/index.js import React from "react" From 2b2d7778e38bb2c544418fefe7d6c42840c6c809 Mon Sep 17 00:00:00 2001 From: Rishabh Gupta Date: Tue, 2 Jun 2020 17:09:14 +0530 Subject: [PATCH 4/4] Fixing it again --- docs/docs/adding-forms.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/adding-forms.md b/docs/docs/adding-forms.md index 15888cf..d3616c2 100644 --- a/docs/docs/adding-forms.md +++ b/docs/docs/adding-forms.md @@ -2,7 +2,7 @@ title: फॉर्म को जोड़ना --- -Gatsby के ऊपर बनाया गया है React| तो सब कुछ जो React में संभव है वह सब फॉर्म में भी संभव है। अतिरिक्त जानकारि की कैसे बनाएं React फॉर्म, यहाँ पाया जा सकता है [React forms documentation](https://reactjs.org/docs/forms.html) (जो Gatsby! से बनाया गया है) +Gatsby के ऊपर बनाया गया है React। तो सब कुछ जो React में संभव है वह सब फॉर्म में भी संभव है। अतिरिक्त जानकारि की कैसे बनाएं React फॉर्म, यहाँ पाया जा सकता है [React forms documentation](https://reactjs.org/docs/forms.html) (जो Gatsby! से बनाया गया है) निम्नलिखित पेज से सुरु करें। ```jsx:title=src/pages/index.js