-
Notifications
You must be signed in to change notification settings - Fork 123
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
Thinking in React : 3 paragraph translation done #173
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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 |
i am sorry for the late
i am having a confusion for |
I am adding some more comments, you can make changes post that. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Added comments till line 197.
Can you fix those comments and revisit the rest of the doc
@kumard3 Please take a pull of your branch, I have made some fixes in the code |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Added more reviews till line 215
|
||
</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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
प्रतिनिधित्व
=> रिप्रजेंटेशन
|
||
To make the UI interactive, you need to let users change your underlying data model. You will use *state* for this. | ||
UI को इंटरैक्टिव बनाने के लिए, आपको उपयोगकर्ताओं को अपने अंतर्निहित डेटा मॉडल को बदलने की आवश्यकता है। आप इसके लिए *state* का उपयोग करेंगे। |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
उपयोगकर्ताओं
=> यूज़र्स
|
||
To make the UI interactive, you need to let users change your underlying data model. You will use *state* for this. | ||
UI को इंटरैक्टिव बनाने के लिए, आपको उपयोगकर्ताओं को अपने अंतर्निहित डेटा मॉडल को बदलने की आवश्यकता है। आप इसके लिए *state* का उपयोग करेंगे। |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
अंतर्निहित
=> अंडरलाइंग
|
||
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 की तरह लेगा। इसे *वन-वे डेटा फ्लो* कहा जाता है क्योंकि डाटा टॉप-लेवल के कौम्पोनॅन्ट से ट्री के सबसे निचे वाले कौम्पोनॅन्ट तक फ्लो करता है। |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
डाटा
=> डेटा
|
||
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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
अब इस उदाहरण में डेटा के सभी टुकड़ों के बारे में सोचें आवेदन:
=> अब इस उदाहरण एप्लीकेशन में डेटा के सभी टुकड़ों के बारे में सोचें:
Hi @kumard3 Let me know if you need any help |
I am really sorry, will be completing it by next Sunday. |
@kumard3 Can you resolve the conflict in the file? I will get this merged and we will take care of the commnets in a followup PR |
Sure. |
@arshadkazmi42 the conflict is in the page that, does not exist in the main branch , can you guide me where i have to put it ? |
ah ok. then I guess we can close this PR. |
No description provided.