[Translation] Building Your Own Hooks #68

visshaljagtap · 2020-02-12T14:05:22Z

Hi @arshadkazmi42, please review and let me know if any changes needed!

netlify · 2020-02-12T14:13:07Z

Deploy preview for hi-reactjs ready!

Built with commit 0592c1b

https://deploy-preview-68--hi-reactjs.netlify.app

arshadkazmi42 · 2020-02-27T17:04:56Z

Thanks @visshaljagtap for working on this.
But right now we are prioritizing the pages listed in #1
Please take pages from there, once those are closed we will start with other pages.
I am parking this PR for now. We will get to this when we start working on content pages

visshaljagtap · 2020-03-04T07:41:38Z

@arshadkazmi42 I have taken the page that is listed in #1 itself also the page is already assigned to me. I think hooks pages translation should also be on priority.

arshadkazmi42 · 2020-03-05T17:25:21Z

@visshaljagtap Yes. Right.
Sorry about that. This is a valid page. I will start reviewing this soon

visshaljagtap · 2020-03-14T12:29:49Z

Any updates @arshadkazmi42

arshadkazmi42 · 2020-03-14T17:24:49Z

@visshaljagtap I have been a bit busy. I will get to it soon

arshadkazmi42

Thank you for working on this. And great start.
i have added couple of feedbacks. can you go through and fix those.
We will continue review once these are fixed.
Refer #23 to know more about our review process

Added review till line 197

content/docs/hooks-custom.md

arshadkazmi42 · 2020-04-04T11:47:09Z

content/docs/hooks-custom.md

@@ -36,7 +36,7 @@ function FriendStatus(props) {
 }
 ```

-Now let's say that our chat application also has a contact list, and we want to render names of online users with a green color. We could copy and paste similar logic above into our `FriendListItem` component but it wouldn't be ideal:
+अब बताते हैं कि हमारे चैट एप्लिकेशन की एक संपर्क सूची भी है, और हम हरे रंग के साथ ऑनलाइन उपयोगकर्ताओं के नाम प्रस्तुत करना चाहते हैं | हम इसी तरह के लॉजिक को अपने `FriendListItem` में कॉपी और पेस्ट कर सकते हैं लेकिन यह सही नहीं होगा:


करना चाहते हैं | => करना चाहते हैं।

arshadkazmi42 · 2020-04-04T11:48:10Z

content/docs/hooks-custom.md


-Traditionally in React, we've had two popular ways to share stateful logic between components: [render props](/docs/render-props.html) and [higher-order components](/docs/higher-order-components.html). We will now look at how Hooks solve many of the same problems without forcing you to add more components to the tree.
+परंपरागत रूप से React में, हमारे पास कौम्पोनॅन्ट के बीच स्टेटफुल लॉजिक शेयर करने के दो लोकप्रिय तरीके हैं: [रेंडर प्रॉप्स](/docs/render-props.html) and [higher-order कौम्पोनॅन्ट](/docs/higher-order-components.html) | अब हम इस बात पर ध्यान देंगे कि Hooks आपको आपके tree में अधिक कौम्पोनॅन्ट को ऐड करने के लिए मजबूर किए बिना कैसे समस्याओं का समाधान करते हैं।


कौम्पोनॅन्ट => कौम्पोनॅन्टस

change this at both the places

arshadkazmi42 · 2020-04-04T11:48:40Z

content/docs/hooks-custom.md


-Traditionally in React, we've had two popular ways to share stateful logic between components: [render props](/docs/render-props.html) and [higher-order components](/docs/higher-order-components.html). We will now look at how Hooks solve many of the same problems without forcing you to add more components to the tree.
+परंपरागत रूप से React में, हमारे पास कौम्पोनॅन्ट के बीच स्टेटफुल लॉजिक शेयर करने के दो लोकप्रिय तरीके हैं: [रेंडर प्रॉप्स](/docs/render-props.html) and [higher-order कौम्पोनॅन्ट](/docs/higher-order-components.html) | अब हम इस बात पर ध्यान देंगे कि Hooks आपको आपके tree में अधिक कौम्पोनॅन्ट को ऐड करने के लिए मजबूर किए बिना कैसे समस्याओं का समाधान करते हैं।


html) | अब हम => html)। अब हम

arshadkazmi42 · 2020-04-04T11:50:04Z

content/docs/hooks-custom.md


-When we want to share logic between two JavaScript functions, we extract it to a third function. Both components and Hooks are functions, so this works for them too!
+जब हम दो JavaScript फंक्शन के बीच लॉजिक शेयर करना चाहते हैं, तब हम इसे तीसरे फंक्शन में निकालते हैं। दोनों कौम्पोनॅन्ट और Hook फंक्शन हैं, तो यह उनके लिए भी काम करता है!


कौम्पोनॅन्ट => कौम्पोनॅन्टस

arshadkazmi42 · 2020-04-04T12:00:03Z

content/docs/hooks-custom.md


-### Tip: Pass Information Between Hooks {#tip-pass-information-between-hooks}
+### टिप: Hook के बीच जानकारी पास करें
+ {#tip-pass-information-between-hooks}


move this to line 152

arshadkazmi42 · 2020-04-04T12:00:36Z

content/docs/hooks-custom.md


-To illustrate this, we'll use another component from our hypothetical chat example. This is a chat message recipient picker that displays whether the currently selected friend is online:
+इसे समझने के लिए, हम अपने काल्पनिक चैट उदाहरण से एक और कौम्पोनॅन्ट का उपयोग करेंगे | यह एक चैट संदेश प्राप्तकर्ता पिकर है जो प्रदर्शित करता है कि वर्तमान में चुना गया दोस्त ऑनलाइन है:


करेंगे | => करेंगे।

arshadkazmi42 · 2020-04-04T12:01:15Z

content/docs/hooks-custom.md

@@ -183,25 +184,24 @@ function ChatRecipientPicker() {
  );
 }
 ```
+हम चुना गया friend ID को `recipientID` state variable में रखते हैं, और इसे अपडेट करेंगे यदि यूजर `<select>` पिकर में एक अलग दोस्त चुनता है।


चुना गया => चुने गए

arshadkazmi42 · 2020-04-04T12:01:31Z

content/docs/hooks-custom.md

@@ -183,25 +184,24 @@ function ChatRecipientPicker() {
  );
 }
 ```
+हम चुना गया friend ID को `recipientID` state variable में रखते हैं, और इसे अपडेट करेंगे यदि यूजर `<select>` पिकर में एक अलग दोस्त चुनता है।


variable => वेरिएबल

arshadkazmi42 · 2020-04-04T12:02:15Z

content/docs/hooks-custom.md


 ```js
  const [recipientID, setRecipientID] = useState(1);
  const isRecipientOnline = useFriendStatus(recipientID);
 ```

-This lets us know whether the *currently selected* friend is online. If we pick a different friend and update the `recipientID` state variable, our `useFriendStatus` Hook will unsubscribe from the previously selected friend, and subscribe to the status of the newly selected one.
+इससे हमें पता चलता है कि *वर्तमान में चयनित* मित्र ऑनलाइन है या नहीं| अगर हम एक अलग दोस्त चुनें और `recipientID` state variable अद्यतन करें, तो हमारा `useFriendStatus` Hook पहले से चयनित दोस्त से सदस्यता समाप्त कर देगा, और नव चयनित एक की स्टेटस के लिए सदस्यता लें।


नहीं| => नहीं।

visshaljagtap · 2020-07-31T14:47:19Z

@arshadkazmi42 Done with the mentioned changes please review!

visshaljagtap · 2020-10-02T04:34:15Z

@arshadkazmi42 Done with the mentioned changes please review!

any updates @arshadkazmi42

visshaljagtap · 2020-10-08T04:01:02Z

Awaiting @arshadkazmi42

arshadkazmi42 · 2020-10-08T08:37:41Z

@visshaljagtap little occupied. will get to it soon

arshadkazmi42 · 2023-06-05T11:13:05Z

We are moving our focus to beta pages. So closing this now.

Sorry about this, but feel free to pick a new page from #168

[Translation] Building Your Own Hooks

1e0678f

visshaljagtap requested review from arshadkazmi42 and saranshkataria February 13, 2020 07:18

arshadkazmi42 added the 1st Review First phase of review label Feb 15, 2020

Merge branch 'master' into building-custom-hooks

97cd5bc

arshadkazmi42 added Parked parked until further notice and removed 1st Review First phase of review labels Feb 27, 2020

Merge branch 'master' into building-custom-hooks

709eab1

tesseralis mentioned this pull request Mar 5, 2020

[OLD] Legacy Hindi Translation Progress #1

Closed

88 tasks

arshadkazmi42 added 1st Review First phase of review and removed Parked parked until further notice labels Mar 5, 2020

arshadkazmi42 requested changes Apr 4, 2020

View reviewed changes

saranshkataria and others added 2 commits April 11, 2020 16:35

Merge branch 'master' into building-custom-hooks

435bd89

Update hooks-custom.md

6b903a8

Merge branch 'master' into building-custom-hooks

0592c1b

arshadkazmi42 closed this Jun 5, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Translation] Building Your Own Hooks #68

[Translation] Building Your Own Hooks #68

visshaljagtap commented Feb 12, 2020 •

edited

netlify bot commented Feb 12, 2020 •

edited

arshadkazmi42 commented Feb 27, 2020

visshaljagtap commented Mar 4, 2020 •

edited

arshadkazmi42 commented Mar 5, 2020

visshaljagtap commented Mar 14, 2020

arshadkazmi42 commented Mar 14, 2020

arshadkazmi42 left a comment •

edited

arshadkazmi42 Apr 4, 2020

arshadkazmi42 Apr 4, 2020

arshadkazmi42 Apr 4, 2020

arshadkazmi42 Apr 4, 2020

arshadkazmi42 Apr 4, 2020

arshadkazmi42 Apr 4, 2020

arshadkazmi42 Apr 4, 2020

arshadkazmi42 Apr 4, 2020

arshadkazmi42 Apr 4, 2020

visshaljagtap commented Jul 31, 2020

visshaljagtap commented Oct 2, 2020

visshaljagtap commented Oct 8, 2020

arshadkazmi42 commented Oct 8, 2020

arshadkazmi42 commented Jun 5, 2023


		Traditionally in React, we've had two popular ways to share stateful logic between components: [render props](/docs/render-props.html) and [higher-order components](/docs/higher-order-components.html). We will now look at how Hooks solve many of the same problems without forcing you to add more components to the tree.
		परंपरागत रूप से React में, हमारे पास कौम्पोनॅन्ट के बीच स्टेटफुल लॉजिक शेयर करने के दो लोकप्रिय तरीके हैं: [रेंडर प्रॉप्स](/docs/render-props.html) and [higher-order कौम्पोनॅन्ट](/docs/higher-order-components.html) \| अब हम इस बात पर ध्यान देंगे कि Hooks आपको आपके tree में अधिक कौम्पोनॅन्ट को ऐड करने के लिए मजबूर किए बिना कैसे समस्याओं का समाधान करते हैं।


		When we want to share logic between two JavaScript functions, we extract it to a third function. Both components and Hooks are functions, so this works for them too!
		जब हम दो JavaScript फंक्शन के बीच लॉजिक शेयर करना चाहते हैं, तब हम इसे तीसरे फंक्शन में निकालते हैं। दोनों कौम्पोनॅन्ट और Hook फंक्शन हैं, तो यह उनके लिए भी काम करता है!


		To illustrate this, we'll use another component from our hypothetical chat example. This is a chat message recipient picker that displays whether the currently selected friend is online:
		इसे समझने के लिए, हम अपने काल्पनिक चैट उदाहरण से एक और कौम्पोनॅन्ट का उपयोग करेंगे \| यह एक चैट संदेश प्राप्तकर्ता पिकर है जो प्रदर्शित करता है कि वर्तमान में चुना गया दोस्त ऑनलाइन है:

[Translation] Building Your Own Hooks #68

[Translation] Building Your Own Hooks #68

Conversation

visshaljagtap commented Feb 12, 2020 • edited

netlify bot commented Feb 12, 2020 • edited

arshadkazmi42 commented Feb 27, 2020

visshaljagtap commented Mar 4, 2020 • edited

arshadkazmi42 commented Mar 5, 2020

visshaljagtap commented Mar 14, 2020

arshadkazmi42 commented Mar 14, 2020

arshadkazmi42 left a comment • edited

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

visshaljagtap commented Jul 31, 2020

visshaljagtap commented Oct 2, 2020

visshaljagtap commented Oct 8, 2020

arshadkazmi42 commented Oct 8, 2020

arshadkazmi42 commented Jun 5, 2023

visshaljagtap commented Feb 12, 2020 •

edited

netlify bot commented Feb 12, 2020 •

edited

visshaljagtap commented Mar 4, 2020 •

edited

arshadkazmi42 left a comment •

edited