diff --git a/src/content/learn/javascript-in-jsx-with-curly-braces.md b/src/content/learn/javascript-in-jsx-with-curly-braces.md
index 736065b0..0a05bd3f 100644
--- a/src/content/learn/javascript-in-jsx-with-curly-braces.md
+++ b/src/content/learn/javascript-in-jsx-with-curly-braces.md
@@ -1,25 +1,25 @@
 ---
-title: JavaScript in JSX with Curly Braces
+title: JSX లో కర్లీ బ్రేసెస్‌తో JavaScript
 ---
 
 <Intro>
 
-JSX lets you write HTML-like markup inside a JavaScript file, keeping rendering logic and content in the same place. Sometimes you will want to add a little JavaScript logic or reference a dynamic property inside that markup. In this situation, you can use curly braces in your JSX to open a window to JavaScript.
+JSX మీకు JavaScript ఫైల్ లో HTML లాంటి మార్కప్ రాయడానికి అనుమతిస్తుంది, ఇది రెండరింగ్ లాజిక్ మరియు కంటెంట్‌ను ఒకే చోట ఉంచుతుంది. కొన్ని సందర్భాలలో, మీరు ఆ మార్కప్ లో కొంచెం JavaScript లాజిక్ లేదా డైనమిక్ ప్రాపర్టీని చేర్చాలనుకుంటారు. ఈ పరిస్థితిలో, మీరు JSX లో కర్లీ బ్రేసెస్‌ను ఉపయోగించి JavaScript కి ఒక విండో తెరవచ్చు.
 
 </Intro>
 
 <YouWillLearn>
 
-* How to pass strings with quotes
-* How to reference a JavaScript variable inside JSX with curly braces
-* How to call a JavaScript function inside JSX with curly braces
-* How to use a JavaScript object inside JSX with curly braces
+* కోట్స్‌ తో strings ను ఎలా పాస్ చేయాలి
+* JavaScript వేరియబుల్‌ను JSX లో కర్లీ బ్రేసెస్‌తో ఎలా రిఫరెన్స్ చేయాలి
+* JavaScript ఫంక్షన్‌ను JSX లో కర్లీ బ్రేసెస్‌తో ఎలా కాల్ చేయాలి
+* JavaScript ఆబ్జెక్ట్‌ను JSX లో కర్లీ బ్రేసెస్‌తో ఎలా ఉపయోగించాలి
 
 </YouWillLearn>
 
-## Passing strings with quotes {/*passing-strings-with-quotes*/}
+## కోట్స్‌ తో strings ను పాస్ చేయడం {/*passing-strings-with-quotes*/}
 
-When you want to pass a string attribute to JSX, you put it in single or double quotes:
+మీరు JSX కు string అట్రిబ్యూట్‌ను పాస్ చేయాలనుకుంటే, మీరు దాన్ని సింగిల్ లేదా డబుల్ కోట్స్‌లో ఉంచాలి:
 
 <Sandpack>
 
@@ -41,9 +41,9 @@ export default function Avatar() {
 
 </Sandpack>
 
-Here, `"https://i.imgur.com/7vQD0fPs.jpg"` and `"Gregorio Y. Zara"` are being passed as strings.
+ఇక్కడ, `"https://i.imgur.com/7vQD0fPs.jpg"` మరియు `"Gregorio Y. Zara"` strings గా పాస్ అవుతున్నాయి.
 
-But what if you want to dynamically specify the `src` or `alt` text? You could **use a value from JavaScript by replacing `"` and `"` with `{` and `}`**:
+కానీ మీరు డైనమిక్‌గా `src` లేదా `alt` టెక్ట్స్ ను స్పెసిఫై చేయాలనుకుంటే? మీరు **JavaScript నుండి వాల్యూలను ఉపయోగించడానికి `"` మరియు `"` ను `{` మరియు `}` తో మార్చవచ్చు**:
 
 <Sandpack>
 
@@ -67,11 +67,11 @@ export default function Avatar() {
 
 </Sandpack>
 
-Notice the difference between `className="avatar"`, which specifies an `"avatar"` CSS class name that makes the image round, and `src={avatar}` that reads the value of the JavaScript variable called `avatar`. That's because curly braces let you work with JavaScript right there in your markup!
+`className="avatar"` మరియు `src={avatar}` మధ్య తేడాని గమనించండి. `"avatar"` అనేది CSS class పేరు, ఇది చిత్రాన్ని రౌండ్ చేయడానికి ఉపయోగపడుతుంది, కానీ `src={avatar}` అనేది JavaScript వేరియబుల్ `avatar` యొక్క వాల్యూను చదువుతుంది. ఇది ఎందుకంటే కర్లీ బ్రేసెస్ అనేవి JSX లో JavaScript తో పని చేయడాన్ని అనుమతిస్తాయి!
 
-## Using curly braces: A window into the JavaScript world {/*using-curly-braces-a-window-into-the-javascript-world*/}
+## కర్లీ బ్రేసెస్ ఉపయోగించడం: JavaScript ప్రపంచంలోకి ఒక విండో {/*using-curly-braces-a-window-into-the-javascript-world*/}
 
-JSX is a special way of writing JavaScript. That means it’s possible to use JavaScript inside it—with curly braces `{ }`. The example below first declares a name for the scientist, `name`, then embeds it with curly braces inside the `<h1>`:
+JSX అనేది JavaScript రాయడానికి ఒక ప్రత్యేకమైన విధానం. అంటే, మీరు అందులో JavaScript ఉపయోగించవచ్చు—కర్లీ బ్రేసెస్ `{ }` తో. క్రింద ఇచ్చిన ఉదాహరణలో, మొదటా శాస్త్రవేత్త పేరు `name` గా డిక్లేర్ చేయబడింది, మరియు ఆ తరువాత దాన్ని కర్లీ బ్రేసెస్‌లో `<h1>` లో ఎంబెడ్ చేయబడింది:
 
 <Sandpack>
 
@@ -86,9 +86,9 @@ export default function TodoList() {
 
 </Sandpack>
 
-Try changing the `name`'s value from `'Gregorio Y. Zara'` to `'Hedy Lamarr'`. See how the list title changes?
+`name` వాల్యూను `'Gregorio Y. Zara'` నుండి `'Hedy Lamarr'` గా మార్చే ప్రయత్నం చేయండి. లిస్ట్ టైటిల్ ఎలా మారుతుందో చూడండి?
 
-Any JavaScript expression will work between curly braces, including function calls like `formatDate()`:
+ప్రతి JavaScript ఎక్స్‌ప్రెషన్ కూడా కర్లీ బ్రేసెస్ మధ్య పనిచేస్తుంది, ఉదాహరణకు `formatDate()` ఫంక్షన్ కాల్:
 
 <Sandpack>
 
@@ -111,18 +111,18 @@ export default function TodoList() {
 
 </Sandpack>
 
-### Where to use curly braces {/*where-to-use-curly-braces*/}
+### కర్లీ బ్రేసెస్ ఎక్కడ ఉపయోగించాలి {/*where-to-use-curly-braces*/}
 
-You can only use curly braces in two ways inside JSX:
+మీరు JSX లో కర్లీ బ్రేసెస్ ను రెండు విధాలుగా మాత్రమే ఉపయోగించవచ్చు:
 
-1. **As text** directly inside a JSX tag: `<h1>{name}'s To Do List</h1>` works, but `<{tag}>Gregorio Y. Zara's To Do List</{tag}>`  will not.
-2. **As attributes** immediately following the `=` sign: `src={avatar}` will read the `avatar` variable, but `src="{avatar}"` will pass the string `"{avatar}"`.
+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 ను పాస్ చేస్తుంది.
 
-## Using "double curlies": CSS and other objects in JSX {/*using-double-curlies-css-and-other-objects-in-jsx*/}
+## "డబుల్ కర్లీస్" ఉపయోగించడం: JSX లో CSS మరియు ఇతర ఆబ్జెక్టులు {/*using-double-curlies-css-and-other-objects-in-jsx*/}
 
-In addition to strings, numbers, and other JavaScript expressions, you can even pass objects in JSX. Objects are also denoted with curly braces, like `{ name: "Hedy Lamarr", inventions: 5 }`. Therefore, to pass a JS object in JSX, you must wrap the object in another pair of curly braces: `person={{ name: "Hedy Lamarr", inventions: 5 }}`.
+strings, నంబర్స్ మరియు ఇతర JavaScript ఎక్స్‌ప్రెషన్స్‌ ను మించి, మీరు JSX లో ఆబ్జెక్ట్‌లను కూడా పాస్ చేయవచ్చు. ఆబ్జెక్ట్స్‌ను కూడా కర్లీ బ్రేసెస్‌తో చూపిస్తారు, ఉదాహరణకు `{ name: "Hedy Lamarr", inventions: 5 }`. అందువల్ల, JavaScript ఆబ్జెక్ట్‌ను JSX లో పాస్ చేయడానికి మీరు దానిని మరో కర్లీ బ్రేసెస్ జంటలో ఉంచాలి: `person={{ name: "Hedy Lamarr", inventions: 5 }}`.
 
-You may see this with inline CSS styles in JSX. React does not require you to use inline styles (CSS classes work great for most cases). But when you need an inline style, you pass an object to the `style` attribute:
+మీరు దీన్ని JSX లో ఇన్‌లైన్ CSS స్టైల్‌లతో చూడవచ్చు. React ఇన్‌లైన్ స్టైల్‌లను ఉపయోగించమని నిర్దిష్టంగా చెప్పదు (CSS class లు చాలా సందర్భాలలో బాగానే పనిచేస్తాయి). కానీ మీరు ఇన్‌లైన్ స్టైల్ అవసరం ఉన్నప్పుడు, మీరు ఆ `style` అట్రిబ్యూట్‌కు ఒక ఆబ్జెక్ట్ పంపాలి:
 
 <Sandpack>
 
@@ -148,9 +148,9 @@ ul { padding: 20px 20px 20px 40px; margin: 0; }
 
 </Sandpack>
 
-Try changing the values of `backgroundColor` and `color`.
+`backgroundColor` మరియు `color` వాల్యూలను మార్చే ప్రయత్నం చేయండి.
 
-You can really see the JavaScript object inside the curly braces when you write it like this:
+మీరు కర్లీ బ్రేసెస్ లో JavaScript ఆబ్జెక్టును ఇలా రాసినప్పుడు, మీరు ఆ ఆబ్జెక్టును నిజంగా చూడవచ్చు:
 
 ```js {2-5}
 <ul style={
@@ -161,17 +161,17 @@ You can really see the JavaScript object inside the curly braces when you write
 }>
 ```
 
-The next time you see `{{` and `}}` in JSX, know that it's nothing more than an object inside the JSX curlies!
+తదుపరి మీరు JSX లో `{{` మరియు `}}` చూసినప్పుడు, అవి JSX కర్లీ బ్రేసెస్‌లో ఉన్న ఒక ఆబ్జెక్ట్ మాత్రమే అని గుర్తించండి!
 
 <Pitfall>
 
-Inline `style` properties are written in camelCase. For example, HTML `<ul style="background-color: black">` would be written as `<ul style={{ backgroundColor: 'black' }}>`  in your component.
+ఇన్‌లైన్ `style` ప్రాపర్టీలు camelCase లో రాయాలి. ఉదాహరణకు, HTML `<ul style="background-color: black">` JSX లో `<ul style={{ backgroundColor: 'black' }}>` అనే విధంగా రాయబడుతుంది.
 
 </Pitfall>
 
-## More fun with JavaScript objects and curly braces {/*more-fun-with-javascript-objects-and-curly-braces*/}
+## మరింత సరదా JavaScript ఆబ్జెక్టులతో మరియు కర్లీ బ్రేసెస్‌తో {/*more-fun-with-javascript-objects-and-curly-braces*/}
 
-You can move several expressions into one object, and reference them in your JSX inside curly braces:
+మీరు చాలా ఎక్స్‌ప్రెషన్లను ఒక ఆబ్జెక్ట్‌లోకి తీసుకెళ్లి, వాటిని మీ JSX లో కర్లీ బ్రేసెస్ లో రిఫరెన్స్ చేయవచ్చు:
 
 <Sandpack>
 
@@ -211,7 +211,7 @@ body > div > div { padding: 20px; }
 
 </Sandpack>
 
-In this example, the `person` JavaScript object contains a `name` string and a `theme` object:
+ఈ ఉదాహరణలో, `person` JavaScript ఆబ్జెక్ట్‌లో ఒక `name` string మరియు ఒక `theme` ఆబ్జెక్ట్ ఉన్నాయి:
 
 ```js
 const person = {
@@ -223,31 +223,31 @@ const person = {
 };
 ```
 
-The component can use these values from `person` like so:
+కంపోనెంట్ ఈ వాల్యూను `person` నుండి ఇలా ఉపయోగించవచ్చు:
 
 ```js
 <div style={person.theme}>
   <h1>{person.name}'s Todos</h1>
 ```
 
-JSX is very minimal as a templating language because it lets you organize data and logic using JavaScript.
+JSX ఒక టెంప్లేటింగ్ లాంగ్వేజ్‌గా చాలా సాధారణంగా ఉంటుంది ఎందుకంటే ఇది JavaScript ఉపయోగించి డేటా మరియు లాజిక్‌ను నిర్వహించడానికి సహాయపడుతుంది.
 
 <Recap>
 
-Now you know almost everything about JSX:
+ఇప్పుడు మీరు JSX గురించి చాలా విషయాలను తెలుసుకున్నారు:
 
-* JSX attributes inside quotes are passed as strings.
-* Curly braces let you bring JavaScript logic and variables into your markup.
-* They work inside the JSX tag content or immediately after `=` in attributes.
-* `{{` and `}}` is not special syntax: it's a JavaScript object tucked inside JSX curly braces.
+* JSX అట్రిబ్యూట్‌లు కోట్స్‌లో strings గా పంపబడతాయి.
+* కర్లీ బ్రేసెస్ JavaScript లాజిక్ మరియు వేరియబుల్స్‌ను మీ మార్కప్‌లో చేర్చడానికి అనుమతిస్తాయి.
+* అవి JSX ట్యాగ్ కంటెంట్ లో లేదా అట్రిబ్యూట్స్‌లో `=` తర్వాత పనిచేస్తాయి.
+* `{{` మరియు `}}` ప్రత్యేక సింటాక్స్ కాదు: ఇవి JSX కర్లీ బ్రేసెస్‌లో వేసిన JavaScript ఆబ్జెక్ట్.
 
 </Recap>
 
 <Challenges>
 
-#### Fix the mistake {/*fix-the-mistake*/}
+#### తప్పును సరిచేయండి {/*fix-the-mistake*/}
 
-This code crashes with an error saying `Objects are not valid as a React child`:
+ఈ కోడ్ `Objects are not valid as a React child` అనే ఎర్రర్ తో క్రాష్ అవుతోంది:
 
 <Sandpack>
 
@@ -287,15 +287,15 @@ body > div > div { padding: 20px; }
 
 </Sandpack>
 
-Can you find the problem?
+మీరు సమస్యను కనుగొనగలరా?
 
-<Hint>Look for what's inside the curly braces. Are we putting the right thing there?</Hint>
+<Hint>కర్లీ బ్రేసెస్‌లో ఏమి ఉంది అనే దానిని చూడండి. మనం అక్కడ సరైన వాటిని ఉంచుతున్నామా?</Hint>
 
 <Solution>
 
-This is happening because this example renders *an object itself* into the markup rather than a string: `<h1>{person}'s Todos</h1>` is trying to render the entire `person` object! Including raw objects as text content throws an error because React doesn't know how you want to display them.
+ఇది ఇలా జరుగుతోంది ఎందుకంటే ఈ ఉదాహరణలో **ఒక ఆబ్జెక్ట్‌ను స్వయంగా** స్ట్రింగ్ స్థానంలో మార్కప్‌లో రెండర్ చేయడానికి ప్రయత్నిస్తోంది: `<h1>{person}'s Todos</h1>` మొత్తం `person` ఆబ్జెక్ట్‌ను రెండర్ చేయడానికి ప్రయత్నిస్తోంది! Raw ఆబ్జెక్ట్స్‌ను టెక్స్ట్ కంటెంట్‌గా చేర్చడం వల్ల ఒక ఎర్రర్ వస్తుంది, ఎందుకంటే React వాటిని మీరు ఎలా చూపించాలనుకుంటున్నారో అర్థం చేసుకోలేకపోతుంది.
 
-To fix it, replace `<h1>{person}'s Todos</h1>` with `<h1>{person.name}'s Todos</h1>`:
+దీన్ని సరి చేయడానికి, `<h1>{person}'s Todos</h1>` ను `<h1>{person.name}'s Todos</h1>` తో మార్చండి:
 
 <Sandpack>
 
@@ -337,9 +337,9 @@ body > div > div { padding: 20px; }
 
 </Solution>
 
-#### Extract information into an object {/*extract-information-into-an-object*/}
+#### సమాచారాన్ని ఒక ఆబ్జెక్టులోకి తీసుకోండి {/*extract-information-into-an-object*/}
 
-Extract the image URL into the `person` object.
+చిత్రం URL ని `person` ఆబ్జెక్టులోకి తీసుకోండి.
 
 <Sandpack>
 
@@ -381,7 +381,7 @@ body > div > div { padding: 20px; }
 
 <Solution>
 
-Move the image URL into a property called `person.imageUrl` and read it from the `<img>` tag using the curlies:
+చిత్రం URL ను `person.imageUrl` అనే ప్రాపర్టీగా మార్చండి మరియు `<img>` ట్యాగ్ నుండి దీన్ని కర్లీ బ్రేసెస్ ఉపయోగించి చదవండి:
 
 <Sandpack>
 
@@ -424,13 +424,13 @@ body > div > div { padding: 20px; }
 
 </Solution>
 
-#### Write an expression inside JSX curly braces {/*write-an-expression-inside-jsx-curly-braces*/}
+#### JSX కర్లీ బ్రేసెస్‌లో ఒక ఎక్స్‌ప్రెషన్ రాయండి {/*write-an-expression-inside-jsx-curly-braces*/}
 
-In the object below, the full image URL is split into four parts: base URL, `imageId`, `imageSize`, and file extension.
+కింద ఇచ్చిన ఆబ్జెక్టులో, పూర్తి చిత్రం URL నాలుగు భాగాల్లో విభజించబడింది: బేస్ URL, `imageId`, `imageSize`, మరియు ఫైల్ ఎక్స్‌టెన్షన్.
 
-We want the image URL to combine these attributes together: base URL (always `'https://i.imgur.com/'`), `imageId` (`'7vQD0fP'`), `imageSize` (`'s'`), and file extension (always `'.jpg'`). However, something is wrong with how the `<img>` tag specifies its `src`.
+మేము ఈ అట్రిబ్యూట్లను కలిపి చిత్రం URL తయారుచేయాలని కోరుకుంటున్నాము: బేస్ URL (ఎప్పుడూ `'https://i.imgur.com/'`), `imageId` (`'7vQD0fP'`), `imageSize` (`'s'`), మరియు ఫైల్ ఎక్స్‌టెన్షన్ (ఎప్పుడూ `'.jpg'`). అయితే, `<img>` ట్యాగ్ లో `src` ఎలా నిర్దేశించబడింది అనేదిలో ఏదో తప్పు ఉంది.
 
-Can you fix it?
+మీరు దీనిని సరి చేయగలరా?
 
 <Sandpack>
 
@@ -474,15 +474,15 @@ body > div > div { padding: 20px; }
 
 </Sandpack>
 
-To check that your fix worked, try changing the value of `imageSize` to `'b'`. The image should resize after your edit.
+మీ ఫిక్స్ పనిచేసిందో చూడడానికి, `imageSize` వాల్యూ `'b'` గా మార్చండి. మీ మార్పు తర్వాత చిత్రం పరిమాణం మారుతుంది.
 
 <Solution>
 
-You can write it as `src={baseUrl + person.imageId + person.imageSize + '.jpg'}`.
+మీరు దీనిని ఇలా రాయవచ్చు: `src={baseUrl + person.imageId + person.imageSize + '.jpg'}`.
 
-1. `{` opens the JavaScript expression
-2. `baseUrl + person.imageId + person.imageSize + '.jpg'` produces the correct URL string
-3. `}` closes the JavaScript expression
+1. `{` JavaScript ఎక్స్‌ప్రెషన్‌ను ప్రారంభిస్తుంది
+2. `baseUrl + person.imageId + person.imageSize + '.jpg'` సరైన URL string ను ఉత్పత్తి చేస్తుంది
+3. `}` JavaScript ఎక్స్‌ప్రెషన్‌ను ముగిస్తుంది
 
 <Sandpack>
 
@@ -525,7 +525,7 @@ body > div > div { padding: 20px; }
 
 </Sandpack>
 
-You can also move this expression into a separate function like `getImageUrl` below:
+మీరు ఈ ఎక్స్‌ప్రెషన్‌ను ప్రత్యేకమైన ఫంక్షన్‌గా కూడా మార్చవచ్చు, ఉదాహరణకు `getImageUrl`:
 
 <Sandpack>
 
@@ -580,7 +580,7 @@ body > div > div { padding: 20px; }
 
 </Sandpack>
 
-Variables and functions can help you keep the markup simple!
+మార్కప్‌ను సింపుల్ గా ఉంచడానికి వేరియబుల్స్ మరియు ఫంక్షన్లు సహాయపడతాయి!
 
 </Solution>