Thinking in React : 3 paragraph translation done #173
Conversation
There was a problem hiding this comment.
Thank you for the PR.
I have added review till line 41.
Lets get these fixed, then we can continue with further review.
For our review process you can refer this #23
|
Hi @kumard3 can you make the changes which I have suggested, once those are done. please leave a comment here. So I can reivew and continue further review of the file. |
i think i have made all the requested changes |
|
@kumard3 There are few missed and in few I had done one typo. Can you update those. Post that with can continue with review. |
i have completed the translation of this page . |
|
@kumard3 You have missed following comments, can you get these fixed |
There was a problem hiding this comment.
Added 3 more comments till line 79.
@kumard3 Most of the translation seems wrong, I have to change complete sentences in review.
Can you revisit the doc from line 80 once and cross check with english version and fix the obvious once? Atleast the sentences itself, most of the hindi version of sentences are not making sense.
i am sorry for the late
i am having a confusion for |
I am adding some more comments, you can make changes post that. |
|
@kumard3 Please take a pull of your branch, I have made some fixes in the code |
|
|
||
| </Gotcha> | ||
|
|
||
| ## Step 3: Find the minimal but complete representation of UI state {/*step-3-find-the-minimal-but-complete-representation-of-ui-state*/} | ||
| ## Step 3: UI state का न्यूनतम लेकिन पूर्ण प्रतिनिधित्व खोजें {/*step-3-find-the-minimal-but-complete-representation-of-ui-state*/} |
There was a problem hiding this comment.
प्रतिनिधित्व => रिप्रजेंटेशन
|
|
||
| To make the UI interactive, you need to let users change your underlying data model. You will use *state* for this. | ||
| UI को इंटरैक्टिव बनाने के लिए, आपको उपयोगकर्ताओं को अपने अंतर्निहित डेटा मॉडल को बदलने की आवश्यकता है। आप इसके लिए *state* का उपयोग करेंगे। |
|
|
||
| To make the UI interactive, you need to let users change your underlying data model. You will use *state* for this. | ||
| UI को इंटरैक्टिव बनाने के लिए, आपको उपयोगकर्ताओं को अपने अंतर्निहित डेटा मॉडल को बदलने की आवश्यकता है। आप इसके लिए *state* का उपयोग करेंगे। |
|
|
||
| After building your components, you'll have a library of reusable components that render your data model. Because this is a static app, the components will only return JSX. The component at the top of the hierarchy (`FilterableProductTable`) will take your data model as a prop. This is called _one-way data flow_ because the data flows down from the top-level component to the ones at the bottom of the tree. | ||
| अपने कौम्पोनॅन्ट के निर्माण के बाद, आपके पास रीयूज़एबल कौम्पोनॅन्ट की एक लाइब्रेरी होगी जो आपके डेटा मॉडल को रेंडर करेगी। चूंकि यह एक स्टैटिक ऐप है, कौम्पोनॅन्ट केवल JSX रिटर्न करेंगे। हायरार्की में सबसे ऊपर वाले कौम्पोनॅन्ट (`FilterableProductTable`) आपके डाटा मॉडल को prop की तरह लेगा। इसे *वन-वे डेटा फ्लो* कहा जाता है क्योंकि डाटा टॉप-लेवल के कौम्पोनॅन्ट से ट्री के सबसे निचे वाले कौम्पोनॅन्ट तक फ्लो करता है। |
|
|
||
| Think of state as the minimal set of changing data that your app needs to remember. The most important principle for structuring state is to keep it [DRY (Don't Repeat Yourself](https://en.wikipedia.org/wiki/Don%27t_repeat_yourself)). Figure out the absolute minimal representation of the state your application needs and compute everything else on-demand. For example, if you're building a shopping list, you can store the items as an array in state. If you want to also display the number of items in the list, don't store the number of items as another state value--instead, read the length of your array. | ||
| state के बारे में सोचें कि आपके ऐप को याद रखने वाले डेटा के न्यूनतम सेट के रूप में सोचें। state की संरचना के लिए सबसे महत्वपूर्ण सिद्धांत इसे रखना है[DRY (Don't Repeat Yourself](https://en.wikipedia.org/wiki/Don%27t_repeat_yourself)). अपने आवेदन की जरूरतों के पूर्ण न्यूनतम प्रतिनिधित्व को समझें और मांग पर बाकी सबकुछ की गणना करें। उदाहरण के लिए, यदि आप खरीदारी सूची बना रहे हैं, तो आप वस्तुओं को state में एक सरणी के रूप में स्टोर कर सकते हैं। यदि आप सूची में वस्तुओं की संख्या भी प्रदर्शित करना चाहते हैं, तो वस्तुओं की संख्या को किसी अन्य state मूल्य के रूप में संग्रहीत न करें - इसके बजाय, अपनी सरणी की लंबाई पढ़ें। |
There was a problem hiding this comment.
Revisit this line. Few things does not makes sense.
|
|
||
| Now think of all of the pieces of data in this example application: | ||
| अब इस उदाहरण में डेटा के सभी टुकड़ों के बारे में सोचें आवेदन: |
There was a problem hiding this comment.
अब इस उदाहरण में डेटा के सभी टुकड़ों के बारे में सोचें आवेदन: => अब इस उदाहरण एप्लीकेशन में डेटा के सभी टुकड़ों के बारे में सोचें:
|
Hi @kumard3 Let me know if you need any help |
I am really sorry, will be completing it by next Sunday. |
No description provided.