Apply suggestions from review

Co-authored-by: Srikanth Kandi <[email protected]>

Author: Shiva-Sai-ssb

Diff for: src/content/learn/javascript-in-jsx-with-curly-braces.md

@@ -4,20 +4,20 @@ title: JSX లో కర్లీ బ్రేసెస్‌తో JavaScript
 
 <Intro>
 
-JSX మీకు JavaScript ఫైల్ లో HTML లాంటి మార్కప్ రాయడానికి అనుమతిస్తుంది, ఇది రెండరింగ్ లాజిక్ మరియు కంటెంట్‌ను ఒకే చోట ఉంచుతుంది. కొన్ని సందర్భాలలో, మీరు ఆ మార్కప్ లో కొంచెం JavaScript లాజిక్ లేదా డైనమిక్ ప్రాపర్టీని చేర్చాలనుకుంటారు. ఈ పరిస్థితిలో, మీరు JSXలో కర్లీ బ్రేసెస్‌ను ఉపయోగించి JavaScript కి ఒక విండో తెరవచ్చు.
+JSX మీకు JavaScript ఫైల్ లో HTML లాంటి మార్కప్ రాయడానికి అనుమతిస్తుంది, ఇది రెండరింగ్ లాజిక్ మరియు కంటెంట్‌ను ఒకే చోట ఉంచుతుంది. కొన్ని సందర్భాలలో, మీరు ఆ మార్కప్ లో కొంచెం JavaScript లాజిక్ లేదా డైనమిక్ ప్రాపర్టీని చేర్చాలనుకుంటారు. ఈ పరిస్థితిలో, మీరు JSX లో కర్లీ బ్రేసెస్‌ను ఉపయోగించి JavaScript కి ఒక విండో తెరవచ్చు.
 
 </Intro>
 
 <YouWillLearn>
 
-* కోట్స్‌తో strings ను ఎలా పాస్ చేయాలి
+* కోట్స్‌ తో strings ను ఎలా పాస్ చేయాలి
 * JavaScript వేరియబుల్‌ను JSX లో కర్లీ బ్రేసెస్‌తో ఎలా రిఫరెన్స్ చేయాలి
 * JavaScript ఫంక్షన్‌ను JSX లో కర్లీ బ్రేసెస్‌తో ఎలా కాల్ చేయాలి
 * JavaScript ఆబ్జెక్ట్‌ను JSX లో కర్లీ బ్రేసెస్‌తో ఎలా ఉపయోగించాలి
 
 </YouWillLearn>
 
-## కోట్స్‌తో strings ను పాస్ చేయడం {/*passing-strings-with-quotes*/}
+## కోట్స్‌ తో strings ను పాస్ చేయడం {/*passing-strings-with-quotes*/}
 
 మీరు JSX కు string అట్రిబ్యూట్‌ను పాస్ చేయాలనుకుంటే, మీరు దాన్ని సింగిల్ లేదా డబుల్ కోట్స్‌లో ఉంచాలి:
 
@@ -67,7 +67,7 @@ export default function Avatar() {
 
 </Sandpack>
 
-`className="avatar"` మరియు `src={avatar}` మధ్య తేడాని గమనించండి. `"avatar"` అనేది CSS class పేరు, ఇది చిత్రాన్ని రౌండ్ చేయడానికి ఉపయోగపడుతుంది, కానీ `src={avatar}` JavaScript వేరియబుల్ `avatar` వాల్యూను చదువుతుంది. ఇది కర్లీ బ్రేసెస్ JSX లో JavaScript తో పని చేయడాన్ని అనుమతిస్తాయి!
+`className="avatar"` మరియు `src={avatar}` మధ్య తేడాని గమనించండి. `"avatar"` అనేది CSS class పేరు, ఇది చిత్రాన్ని రౌండ్ చేయడానికి ఉపయోగపడుతుంది, కానీ `src={avatar}` అనేది JavaScript వేరియబుల్ `avatar` యొక్క వాల్యూను చదువుతుంది. ఇది ఎందుకంటే కర్లీ బ్రేసెస్ అనేవి JSX లో JavaScript తో పని చేయడాన్ని అనుమతిస్తాయి!
 
 ## కర్లీ బ్రేసెస్ ఉపయోగించడం: JavaScript ప్రపంచంలోకి ఒక విండో {/*using-curly-braces-a-window-into-the-javascript-world*/}
 
@@ -86,7 +86,7 @@ export default function TodoList() {
 
 </Sandpack>
 
-`name` వాల్యూను `'Gregorio Y. Zara'` నుండి `'Hedy Lamarr'` గా మార్చే ప్రయత్నం చేయండి. లిస్ట్ శీర్షిక ఎలా మారుతుందో చూడండి?
+`name` వాల్యూను `'Gregorio Y. Zara'` నుండి `'Hedy Lamarr'` గా మార్చే ప్రయత్నం చేయండి. లిస్ట్ టైటిల్ ఎలా మారుతుందో చూడండి?
 
 ప్రతి JavaScript ఎక్స్‌ప్రెషన్ కూడా కర్లీ బ్రేసెస్ మధ్య పనిచేస్తుంది, ఉదాహరణకు `formatDate()` ఫంక్షన్ కాల్:
 
@@ -116,13 +116,13 @@ export default function TodoList() {
 మీరు JSX లో కర్లీ బ్రేసెస్ ను రెండు విధాలుగా మాత్రమే ఉపయోగించవచ్చు:
 
 1. **టెక్స్ట్ గా** JSX ట్యాగ్ లో నేరుగా: `<h1>{name}'s To Do List</h1>` పనిచేస్తుంది, కానీ `<{tag}>Gregorio Y. Zara's To Do List</{tag}>`  పనిచేయదు.
-2. **అట్రిబ్యూట్స్ గా** `=` సైన్ వెంటనే: `src={avatar}` `avatar` వేరియబుల్ ను చదువుతుంది, కానీ `src="{avatar}"` `"{avatar}"` string ను పాస్ చేస్తుంది.
+2. **అట్రిబ్యూట్స్ గా** `=` సైన్ వెంటనే: `src={avatar}` అనేది `avatar` వేరియబుల్ ను చదువుతుంది, కానీ `src="{avatar}"` అనేది `"{avatar}"` string ను పాస్ చేస్తుంది.
 
 ## "డబుల్ కర్లీస్" ఉపయోగించడం: JSX లో CSS మరియు ఇతర ఆబ్జెక్టులు {/*using-double-curlies-css-and-other-objects-in-jsx*/}
 
-Strings, నంబర్లను మరియు ఇతర JavaScript ఎక్స్‌ప్రెషన్స్‌ను మించి, మీరు JSX లో ఆబ్జెక్ట్‌లను కూడా పాస్ చేయవచ్చు. ఆబ్జెక్ట్స్‌ను కూడా కర్లీ బ్రేసెస్‌తో చూపిస్తారు, ఉదాహరణకు `{ name: "Hedy Lamarr", inventions: 5 }`. అందువల్ల, JavaScript ఆబ్జెక్ట్‌ను JSX లో పాస్ చేయడానికి మీరు దానిని మరో కర్లీ బ్రేసెస్ జంటలో ఉంచాలి: `person={{ name: "Hedy Lamarr", inventions: 5 }}`.
+strings, నంబర్స్ మరియు ఇతర JavaScript ఎక్స్‌ప్రెషన్స్‌ ను మించి, మీరు JSX లో ఆబ్జెక్ట్‌లను కూడా పాస్ చేయవచ్చు. ఆబ్జెక్ట్స్‌ను కూడా కర్లీ బ్రేసెస్‌తో చూపిస్తారు, ఉదాహరణకు `{ name: "Hedy Lamarr", inventions: 5 }`. అందువల్ల, JavaScript ఆబ్జెక్ట్‌ను JSX లో పాస్ చేయడానికి మీరు దానిని మరో కర్లీ బ్రేసెస్ జంటలో ఉంచాలి: `person={{ name: "Hedy Lamarr", inventions: 5 }}`.
 
-మీరు దీన్ని JSX లో ఇన్‌లైన్ CSS స్టైల్‌లతో చూడవచ్చు. React ఇన్‌లైన్ స్టైల్‌లను ఉపయోగించమని నిర్దిష్టంగా చెప్పదు (CSS class లు చాలా సందర్భాలలో బాగుంటాయి). కానీ మీరు ఇన్‌లైన్ స్టైల్ అవసరం ఉన్నప్పుడు, మీరు ఆ `style` అట్రిబ్యూట్‌కు ఒక ఆబ్జెక్ట్ పంపాలి:
+మీరు దీన్ని JSX లో ఇన్‌లైన్ CSS స్టైల్‌లతో చూడవచ్చు. React ఇన్‌లైన్ స్టైల్‌లను ఉపయోగించమని నిర్దిష్టంగా చెప్పదు (CSS class లు చాలా సందర్భాలలో బాగానే పనిచేస్తాయి). కానీ మీరు ఇన్‌లైన్ స్టైల్ అవసరం ఉన్నప్పుడు, మీరు ఆ `style` అట్రిబ్యూట్‌కు ఒక ఆబ్జెక్ట్ పంపాలి:
 
 <Sandpack>
 
@@ -169,7 +169,7 @@ ul { padding: 20px 20px 20px 40px; margin: 0; }
 
 </Pitfall>
 
-## మరింత సరదా జావాస్క్రిప్ట్ ఆబ్జెక్టులతో మరియు కర్లీ బ్రేసెస్‌తో {/*more-fun-with-javascript-objects-and-curly-braces*/}
+## మరింత సరదా JavaScript ఆబ్జెక్టులతో మరియు కర్లీ బ్రేసెస్‌తో {/*more-fun-with-javascript-objects-and-curly-braces*/}
 
 మీరు చాలా ఎక్స్‌ప్రెషన్లను ఒక ఆబ్జెక్ట్‌లోకి తీసుకెళ్లి, వాటిని మీ JSX లో కర్లీ బ్రేసెస్ లో రిఫరెన్స్ చేయవచ్చు:
 
@@ -580,7 +580,7 @@ body > div > div { padding: 20px; }
 
 </Sandpack>
 
-మార్కప్‌ను సరళంగా ఉంచడానికి వేరియబుల్స్ మరియు ఫంక్షన్లు సహాయపడతాయి!
+మార్కప్‌ను సింపుల్ గా ఉంచడానికి వేరియబుల్స్ మరియు ఫంక్షన్లు సహాయపడతాయి!
 
 </Solution>