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
Copy file name to clipboardExpand all lines: src/content/learn/add-react-to-an-existing-project.md
+2-12Lines changed: 2 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -20,15 +20,9 @@ title: React ను ఇప్పటికే ఉన్న ప్రాజెక
20
20
21
21
దీన్ని సెటప్ చేయడానికి మీరు దిగువ స్టెప్స్ ను అనుసరించాలని మేము సిఫార్సు చేస్తున్నాము:
22
22
23
-
<<<<<<< HEAD
24
-
1.[React ఆధారిత ఫ్రేమ్వర్క్లలో](/learn/start-a-new-react-project) ఒకదాన్ని ఉపయోగించి **మీ యాప్లోని React భాగాన్ని రూపొందించండి**.
23
+
1.[React ఆధారిత ఫ్రేమ్వర్క్లలో](/learn/creating-a-react-app) ఒకదాన్ని ఉపయోగించి **మీ యాప్లోని React భాగాన్ని రూపొందించండి**.
25
24
2. మీ ఫ్రేమ్వర్క్ యొక్క కాన్ఫిగరేషన్లో **`/some-app` ని *base path* గా స్పెసిఫ్య్ చేయండి** (ఉదాహరణకు: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
26
25
3. మీ React యాప్లోని `/some-app/` కింద ఉన్న అన్ని రిక్వెస్టులను స్వీకరించడానికి **మీ సర్వర్ లేదా ప్రాక్సీని కాన్ఫిగర్ చేయండి**.
27
-
=======
28
-
1.**Build the React part of your app** using one of the [React-based frameworks](/learn/creating-a-react-app).
29
-
2.**Specify `/some-app` as the *base path*** in your framework's configuration (here's how: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
30
-
3.**Configure your server or a proxy** so that all requests under `/some-app/` are handled by your React app.
31
-
>>>>>>> 2534424ec6c433cc2c811d5a0bd5a65b75efa5f0
32
26
33
27
మీ యాప్లోని React భాగం ఆ ఫ్రేమ్వర్క్లలో రూపొందించిన [మాడ్యూల్లను వాడుకొని ప్రయోజనం పొందగలదని](/learn/build-a-react-app-from-scratch#consider-using-a-framework) ఇది నిర్ధారిస్తుంది.
`index.html` నుండి అసలు HTML కంటెంట్ ఎలా భద్రపరచబడిందో గమనించండి, కానీ మీ స్వంత `NavigationBar` React కంపోనెంట్ ఇప్పుడు మీ HTML నుండి `<nav id="navigation">` లో కనిపిస్తుంది. ఇప్పటికే ఉన్న HTML పేజీలో React కంపోనెంట్లను రెండరింగ్ చేయడం గురించి మరింత తెలుసుకోవడానికి [`createRoot` వినియోగ డాక్యుమెంటేషన్ను](/reference/react-dom/client/createRoot#rendering-a-page-partially-built-with-react) చదవండి.
157
151
158
-
<<<<<<< HEAD
159
-
మీరు ఇప్పటికే ఉన్న ప్రాజెక్ట్లో React ని స్వీకరించినప్పుడు, చిన్న ఇంటరాక్టివ్ కాంపోనెంట్లతో (ఉదాహరణకు బటన్లు) ప్రారంభించడం సాధారణం, ఆపై మీ పేజీ మొత్తం React తో నిర్మించబడే వరకు క్రమంగా “పైకి వెళ్తూ ఉండండి”. మీరు ఎప్పుడైనా ఆ పాయింట్కి చేరుకున్నట్లయితే, React నుండి ఎక్కువ ప్రయోజనం పొందడానికి వెంటనే [React ఫ్రేమ్వర్క్కి](/learn/start-a-new-react-project) మైగ్రేట్ అవ్వమని మేము సిఫార్సు చేస్తున్నాము.
160
-
=======
161
-
When you adopt React in an existing project, it's common to start with small interactive components (like buttons), and then gradually keep "moving upwards" until eventually your entire page is built with React. If you ever reach that point, we recommend migrating to [a React framework](/learn/creating-a-react-app) right after to get the most out of React.
162
-
>>>>>>> 2534424ec6c433cc2c811d5a0bd5a65b75efa5f0
152
+
మీరు ఇప్పటికే ఉన్న ప్రాజెక్ట్లో React ని స్వీకరించినప్పుడు, చిన్న ఇంటరాక్టివ్ కాంపోనెంట్లతో (ఉదాహరణకు బటన్లు) ప్రారంభించడం సాధారణం, ఆపై మీ పేజీ మొత్తం React తో నిర్మించబడే వరకు క్రమంగా “పైకి వెళ్తూ ఉండండి”. మీరు ఎప్పుడైనా ఆ పాయింట్కి చేరుకున్నట్లయితే, React నుండి ఎక్కువ ప్రయోజనం పొందడానికి వెంటనే [React ఫ్రేమ్వర్క్కి](/learn/creating-a-react-app) మైగ్రేట్ అవ్వమని మేము సిఫార్సు చేస్తున్నాము.
163
153
164
154
## ఇప్పటికే ఉన్న నేటివ్ మొబైల్ యాప్లో React Native ని ఉపయోగించడం {/*using-react-native-in-an-existing-native-mobile-app*/}
Copy file name to clipboardExpand all lines: src/content/learn/typescript.md
+1-5Lines changed: 1 addition & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -20,11 +20,7 @@ TypeScript అనేది JavaScript కోడ్బేస్లకు
20
20
21
21
## ఇన్స్టాలేషన్ {/*installation*/}
22
22
23
-
<<<<<<< HEAD
24
-
అన్ని [ప్రొడక్షన్-గ్రేడ్ React ఫ్రేమ్వర్క్లు](/learn/start-a-new-react-project#full-stack-frameworks) TypeScript ని ఉపయోగించడం కోసం సపోర్ట్ను అందిస్తాయి. ఇన్స్టాలేషన్ కోసం ఫ్రేమ్వర్క్ యొక్క ప్రత్యేక గైడ్ను అనుసరించండి:
25
-
=======
26
-
All [production-grade React frameworks](/learn/creating-a-react-app#full-stack-frameworks) offer support for using TypeScript. Follow the framework specific guide for installation:
27
-
>>>>>>> 2534424ec6c433cc2c811d5a0bd5a65b75efa5f0
23
+
అన్ని [ప్రొడక్షన్-గ్రేడ్ React ఫ్రేమ్వర్క్లు](/learn/creating-a-react-app#full-stack-frameworks) TypeScript ని ఉపయోగించడం కోసం సపోర్ట్ను అందిస్తాయి. ఇన్స్టాలేషన్ కోసం ఫ్రేమ్వర్క్ యొక్క ప్రత్యేక గైడ్ను అనుసరించండి:
Copy file name to clipboardExpand all lines: src/content/learn/your-first-component.md
+1-5Lines changed: 1 addition & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -215,11 +215,7 @@ function Profile() {
215
215
216
216
చాలా వరకు React యాప్స్ కంపోనెంట్స్ను ప్రారంభం నుంచి చివరి వరకు ఉపయోగిస్తాయి. అంటే, మీరు కేవలం రీయూజబుల్ భాగాలు, ఉదాహరణకు బటన్లతో మాత్రమే కంపోనెంట్స్ను ఉపయోగించరు, కానీ పెద్ద భాగాలు, ఉదాహరణకు సైడ్బార్లు, లిస్ట్లు మరియు చివరగా పూర్తి పేజీలు కూడా! కంపోనెంట్స్ UI కోడ్ మరియు మార్కప్ ను ఆర్గనైజ్ చేయడానికి చాలా ఉపయోగకరమైన మార్గం, కొన్నిటిని ఒకసారి మాత్రమే ఉపయోగించినా కూడా.
217
217
218
-
<<<<<<< HEAD
219
-
[React ఆధారిత ఫ్రేమ్వర్క్లు](/learn/start-a-new-react-project) ఈ దశను మరింత ముందుకు తీసుకెళ్తుంది. ఖాళీ HTML ఫైల్ ఉపయోగించి React తో JavaScript ద్వారా పేజీని "నియంత్రించేందుకు" అవకాశం ఇవ్వడం కంటే బదులు, React కంపోనెంట్ల నుండి HTML ను ఆటోమేటిక్గా సృష్టించవచ్చు. ఇది JavaScript కోడ్ లోడ్ అవ్వడానికి ముందే మీ యాప్ కొన్ని కంటెంట్ను ప్రదర్శించేందుకు అనుమతిస్తుంది.
220
-
=======
221
-
[React-based frameworks](/learn/creating-a-react-app) take this a step further. Instead of using an empty HTML file and letting React "take over" managing the page with JavaScript, they *also* generate the HTML automatically from your React components. This allows your app to show some content before the JavaScript code loads.
222
-
>>>>>>> 2534424ec6c433cc2c811d5a0bd5a65b75efa5f0
218
+
[React ఆధారిత ఫ్రేమ్వర్క్లు](/learn/creating-a-react-app) ఈ దశను మరింత ముందుకు తీసుకెళ్తుంది. ఖాళీ HTML ఫైల్ ఉపయోగించి React తో JavaScript ద్వారా పేజీని "నియంత్రించేందుకు" అవకాశం ఇవ్వడం కంటే బదులు, React కంపోనెంట్ల నుండి HTML ను ఆటోమేటిక్గా సృష్టించవచ్చు. ఇది JavaScript కోడ్ లోడ్ అవ్వడానికి ముందే మీ యాప్ కొన్ని కంటెంట్ను ప్రదర్శించేందుకు అనుమతిస్తుంది.
223
219
224
220
అయితే, అనేక వెబ్సైట్లు React ని కేవలం [కొన్ని HTML పేజీలకు ఇంటరాక్టివిటీ జోడించడానికి](/learn/add-react-to-an-existing-project#using-react-for-a-part-of-your-existing-page) మాత్రమే ఉపయోగిస్తాయి. అవి పేజీ మొత్తం కోసం ఒకే ఒక రూట్ కాంపొనెంట్ యొక్క స్థానంలో అనేక రూట్ కాంపొనెంట్లను కలిగి ఉంటాయి. మీరు ఎంత React ఉపయోగించాలనుకుంటే అంత లేదా కొంత React ఉపయోగించవచ్చు.
0 commit comments