You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
## స్క్రాచ్ నుండి React యాప్ ని నిర్మించండి {/*build-a-react-app-from-scratch*/}
41
40
42
-
మీ ప్రాజెక్ట్కు ఏ ఫ్రేమ్వర్క్ సరిపోకపోతే, లేదా మీరు మీ స్వంత ఫ్రేమ్వర్క్ నిర్మించడం ప్రారంభించాలనుకుంటే, [మీ స్వంత React ఫ్రేమ్వర్క్ను నిర్మించండి](/learn/building-a-react-framework).
43
-
=======
44
-
## Build a React App from Scratch {/*build-a-react-app-from-scratch*/}
45
-
46
-
If a framework is not a good fit for your project, you prefer to build your own framework, or you just want to learn the basics of a React app you can [build a React app from scratch](/learn/build-a-react-app-from-scratch).
47
-
>>>>>>> fc29603434ec04621139738f4740caed89d659a7
41
+
మీ ప్రాజెక్ట్కు ఫ్రేమ్వర్క్ సరిపోకపోతే, మీ స్వంత ఫ్రేమ్వర్క్ నిర్మించాలనుకుంటే, లేదా React యాప్ యొక్క ప్రాథమిక అంశాలను నేర్చుకోవాలనుకుంటే, మీరు [స్క్రాచ్ నుండి React యాప్ను నిర్మించవచ్చు](/learn/build-a-react-app-from-scratch).
48
42
49
43
## ఇప్పటికే ఉన్న ప్రాజెక్ట్కు React జోడించండి {/*add-react-to-an-existing-project*/}
50
44
51
45
మీ ప్రస్తుత యాప్ లేదా వెబ్సైట్లో React ను ఉపయోగించాలనుకుంటే, [ఇప్పటికే ఉన్న ప్రాజెక్ట్కు React జోడించండి.](/learn/add-react-to-an-existing-project)
52
46
53
-
<<<<<<< HEAD
54
-
## వాడుక లో లేని ఆప్షన్స్ {/*deprecated-options*/}
Create React App అనేది ఒక పాత టూల్, కొత్త React యాప్లను రూపొందించడానికి ఇంతకుముందు సిఫార్సు చేయబడేది. మీరు కొత్త React యాప్ను ప్రారంభించాలని అనుకుంటే, [React యాప్ను క్రియేట్ చేయడం](/learn/creating-a-react-app) లో సిఫార్సు చేసిన ఫ్రేమ్వర్క్ను ఉపయోగించవచ్చు.
59
-
60
-
మరిన్ని వివరాల కోసం, [Sunsetting Create React App](/blog/2025/02/14/sunsetting-create-react-app) చూడండి.
61
-
=======
62
-
63
47
<Note>
64
48
65
-
#### Should I use Create React App? {/*should-i-use-create-react-app*/}
49
+
#### నేను Create React App ఉపయోగించాలా? {/*should-i-use-create-react-app*/}
66
50
67
-
No. Create React App has been deprecated. For more information, see [Sunsetting Create React App](/blog/2025/02/14/sunsetting-create-react-app).
51
+
లేదు. Create React App అనేది వాడుకలో లేదు. మరిన్ని వివరాల కోసం [Sunsetting Create React App](/blog/2025/02/14/sunsetting-create-react-app) చూడండి.
Copy file name to clipboardExpand all lines: src/content/learn/tutorial-tic-tac-toe.md
-16Lines changed: 0 additions & 16 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -295,11 +295,7 @@ export default function Square() {
295
295
}
296
296
```
297
297
298
-
<<<<<<< HEAD
299
298
_బ్రౌసర్_ విభాగం ఇలా X తో కూడిన స్క్వేర్ ని ప్రదర్శించాలి:
300
-
=======
301
-
The _browser_ section should be displaying a square with an X in it like this:
302
-
>>>>>>> fc29603434ec04621139738f4740caed89d659a7
303
299
304
300

305
301
@@ -1329,11 +1325,7 @@ body {
1329
1325
1. `squares` array లోని మొదటి ఎలిమెంట్ ని `null` నుండి `X` కి అప్డేట్ చేయడానికి `handleClick` ఆర్గ్యుమెంట్ (`0`) ని ఉపయోగిస్తుంది.
1330
1326
1. `Board` కాంపోనెంట్ యొక్క `squares` state అప్డేట్ చేయబడింది, కాబట్టి `Board` మరియు దాని చైల్డ్స్ అందరూ మళ్ళీ రెండర్ అవుతారు. ఇది `0` ఇండెక్స్తో ఉన్న `Square` కాంపోనెంట్ యొక్క `value` ప్రాప్ను `null` నుండి `X` కి మార్చడానికి కారణమవుతుంది.
1331
1327
1332
-
<<<<<<< HEAD
1333
1328
చివరగా, యూసర్ టాప్ లెఫ్ట్ స్క్వేర్ని క్లిక్ చేసిన తర్వాత అది ఖాళీ నుండి `X` గా మారడం చూస్తారు.
1334
-
=======
1335
-
In the end the user sees that the upper left square has changed from empty to having an `X` after clicking it.
1336
-
>>>>>>> fc29603434ec04621139738f4740caed89d659a7
1337
1329
1338
1330
<Note>
1339
1331
@@ -1414,11 +1406,7 @@ export default function Board() {
1414
1406
1415
1407
`X` ఒక `O` ద్వారా ఒవెర్రైట్ చేయబడింది! ఇది గేమ్కు చాలా ఆసక్తికరమైన ట్విస్ట్ని జోడిస్తుంది, మనం ప్రస్తుతానికి ఒరిజినల్ రూల్స్ కు కట్టుబడి ఉందాము.
1416
1408
1417
-
<<<<<<< HEAD
1418
1409
మీరు స్క్వేర్ను `X` లేదా `O` తో మార్క్ చేసినప్పుడు, స్క్వేర్లో ఇప్పటికే `X` లేదా `O` వేల్యూ ఉందో లేదో తనిఖీ చేయడం లేదు. మీరు *ఎర్లీగా రిటర్న్ చేయడం* ద్వారా దీన్ని పరిష్కరించవచ్చు. స్క్వేర్లో ఇప్పటికే `X` లేదా `O` ఉందో లేదో మీరు తనిఖీ చేస్తారు. స్క్వేర్ ఇప్పటికే ఫిల్ అయి ఉంటే, మీరు ముందుగా `handleClick` ఫంక్షన్లో `return` అవుతారు--ఇది బోర్డ్ state ని అప్డేట్ చేయడానికి ప్రయత్నించే ముందు.
1419
-
=======
1420
-
When you mark a square with an `X` or an `O` you aren't first checking to see if the square already has an `X` or `O` value. You can fix this by *returning early*. You'll check to see if the square already has an `X` or an `O`. If the square is already filled, you will `return` in the `handleClick` function early--before it tries to update the board state.
1421
-
>>>>>>> fc29603434ec04621139738f4740caed89d659a7
1422
1410
1423
1411
```js {2,3,4}
1424
1412
functionhandleClick(i) {
@@ -1568,11 +1556,7 @@ function calculateWinner(squares) {
1568
1556
1569
1557
</Note>
1570
1558
1571
-
<<<<<<< HEAD
1572
1559
ప్లేయర్ గెలిచాడో లేదో తనిఖీ చేయడానికి మీరు `Board` కాంపోనెంట్ యొక్క `handleClick` ఫంక్షన్లో `calculateWinner(squares)` ని కాల్ చేస్తారు. యూసర్ ఇప్పటికే `X` లేదా `O` ని కలిగి ఉన్న స్క్వేర్ని క్లిక్ చేశారో లేదో తనిఖీ చేసే సమయంలోనే మీరు ఈ తనిఖీని పెర్ఫర్మ్ చేయవచ్చు. మేము రెండు సందర్భాల్లో ఎర్లీగా రిటర్న్ చేయాలనుకుంటున్నాను:
1573
-
=======
1574
-
You will call `calculateWinner(squares)` in the `Board` component's `handleClick` function to check if a player has won. You can perform this check at the same time you check if a user has clicked a square that already has an `X` or an `O`. We'd like to return early in both cases:
0 commit comments