Skip to content

Commit 9c55f94

Browse files
fix: resolve merge conflicts and update React Developer Tools section in tutorial
1 parent 6a3e9db commit 9c55f94

1 file changed

Lines changed: 7 additions & 21 deletions

File tree

src/content/learn/tutorial-tic-tac-toe.md

Lines changed: 7 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -899,33 +899,19 @@ body {
899899
900900
### React Developer Tools {/*react-developer-tools*/}
901901
902-
<<<<<<< HEAD
903-
React DevTools మీ React కాంపోనెంట్‌ల props మరియు state ని చెక్ చేయడానికి మిమ్మల్ని అనుమతిస్తాయి. CodeSandbox లోని _Browser_ విభాగం దిగువన మీరు React DevTools ట్యాబ్‌ను కనుగొనవచ్చు:
902+
React Developer Tools మీ React కాంపోనెంట్‌ల props మరియు state ని చెక్ చేయడానికి సహాయపడతాయి. ఇది [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en), [Firefox](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/), మరియు [Edge](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) బ్రౌజర్ ఎక్స్టెన్షన్‌గా అందుబాటులో ఉంది.
904903
905-
![CodeSandbox లోని React DevTools](../images/tutorial/codesandbox-devtools.png)
904+
మీరు దాన్ని ఇన్‌స్టాల్ చేసిన తర్వాత, React ని ఉపయోగించే సైట్‌ల కోసం మీ బ్రౌజర్ Developer Tools లో కొత్త *Components* ట్యాబ్ కనిపిస్తుంది. మీరు CodeSandbox లోనే ఈ ట్యుటోరియల్‌ని అనుసరిస్తుంటే, ముందుగా మీ sandbox preview ని కొత్త ట్యాబ్‌లో ఓపెన్ చేయాలి:
906905
907-
స్క్రీన్‌పై పర్టికులర్ కాంపోనెంట్ ని ఇన్స్పెక్ట చేయడానికి, React DevTools టాప్ లెఫ్ట్ కార్నర్లో ఉన్న బటన్‌ను ఉపయోగించండి:
906+
![కొత్త ట్యాబ్‌లో ఓపెన్ చేయడం](../images/tutorial/sandbox-new-tab.png)
908907
909-
![React DevTools తో పేజీలోని కాంపోనెంట్లను సెలెక్ట్ చేయడం](../images/tutorial/devtools-select.gif)
910-
=======
911-
React Developer Tools let you check the props and the state of your React components. It is available as a [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en), [Firefox](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/), and [Edge](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) browser extension.
908+
తర్వాత, ఆ preview పేజీలో మీ బ్రౌజర్ DevTools ని ఓపెన్ చేసి, *Components* ట్యాబ్‌ని కనుగొనండి:
912909
913-
After you install it, a new *Components* tab will appear in your browser Developer Tools for sites using React. If you're following along in CodeSandbox, you'd need to first open your sandbox preview in a new tab:
910+
![Components ట్యాబ్](../images/tutorial/components-tab.png)
914911
915-
![opening in new tab](../images/tutorial/sandbox-new-tab.png)
912+
స్క్రీన్‌పై ఒక నిర్దిష్ట కాంపోనెంట్ ని ఇన్స్పెక్ట చేయడానికి, Components ట్యాబ్ టాప్-లెఫ్ట్ కార్నర్‌లో ఉన్న బటన్‌ని ఉపయోగించండి:
916913
917-
Then, on the preview page, open your browser's DevTools and find the *Components* tab:
918-
>>>>>>> 2639f369946f763fff9a2572b0d7c4b9e2f83ebd
919-
920-
![components tab](../images/tutorial/components-tab.png)
921-
922-
<<<<<<< HEAD
923-
లోకల్ డెవలప్మెంట్ కోసం, React DevTools [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en), [Firefox](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/), మరియు [Edge](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) బ్రౌజర్ ఎక్స్టెన్షన్ గా అందుబాటులో ఉంది. దీన్ని ఇన్‌స్టాల్ చేయండి మరియు React ని ఉపయోగించే సైట్‌ల కోసం మీ బ్రౌజర్ డెవలపర్ టూల్స్‌లో *Components* ట్యాబ్ కనిపిస్తుంది.
924-
=======
925-
To inspect a particular component on the screen, use the button in the top left corner of the Components tab:
926-
927-
![inspecting with devtools](../images/tutorial/devtools-inspect.gif)
928-
>>>>>>> 2639f369946f763fff9a2572b0d7c4b9e2f83ebd
914+
![DevTools తో ఇన్స్పెక్ట చేయడం](../images/tutorial/devtools-inspect.gif)
929915
930916
931917
## గేమ్‌ను పూర్తి చేయడం {/*completing-the-game*/}

0 commit comments

Comments
 (0)