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
+3-15Lines changed: 3 additions & 15 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -20,19 +20,11 @@ title: React ను ఇప్పటికే ఉన్న ప్రాజెక
20
20
21
21
దీన్ని సెటప్ చేయడానికి మీరు దిగువ స్టెప్స్ ను అనుసరించాలని మేము సిఫార్సు చేస్తున్నాము:
22
22
23
-
<<<<<<< HEAD
24
-
1.[React ఆధారిత ఫ్రేమ్వర్క్లలో](/learn/creating-a-react-app) ఒకదాన్ని ఉపయోగించి **మీ యాప్లోని React భాగాన్ని రూపొందించండి**.
23
+
1.[React ఆధారిత ఫ్రేమ్వర్క్లలో](/learn/start-a-new-react-project) ఒకదాన్ని ఉపయోగించి **మీ యాప్లోని 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
26
28
-
మీ యాప్లోని React భాగం ఆ ఫ్రేమ్వర్క్లలో రూపొందించిన [మాడ్యూల్లను వాడుకొని ప్రయోజనం పొందగలదని](/learn/creating-a-react-app#full-stack-frameworks) ఇది నిర్ధారిస్తుంది.
29
-
=======
30
-
1.**Build the React part of your app** using one of the [React-based frameworks](/learn/start-a-new-react-project).
31
-
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/)).
32
-
3.**Configure your server or a proxy** so that all requests under `/some-app/` are handled by your React app.
33
-
34
-
This ensures the React part of your app can [benefit from the best practices](/learn/build-a-react-app-from-scratch#consider-using-a-framework) baked into those frameworks.
35
-
>>>>>>> e07ac94bc2c1ffd817b13930977be93325e5bea9
27
+
మీ యాప్లోని React భాగం ఆ ఫ్రేమ్వర్క్లలో రూపొందించిన [మాడ్యూల్లను వాడుకొని ప్రయోజనం పొందగలదని](/learn/build-a-react-app-from-scratch#consider-using-a-framework) ఇది నిర్ధారిస్తుంది.
36
28
37
29
చాలా వరకు React-ఆధారిత ఫ్రేమ్వర్క్లు ఫుల్-స్టాక్గా ఉంటాయి మరియు మీ React యాప్ ను సర్వర్ యొక్క ప్రయోజనాన్ని పొందేలా చేస్తాయి. అయినప్పటికీ, మీరు సర్వర్లో JavaScript ని అమలు చేయలేకపోయినా లేదా చేయకూడదనుకున్నా మీరు అదే విధానాన్ని ఉపయోగించవచ్చు. ఆ సందర్భంలో, `/some-app/` వద్ద HTML/CSS/JS (Next.js కోసం [`next export` అవుట్పుట్](https://nextjs.org/docs/advanced-features/static-html-export), Gatsby కోసం default) ని బదులుగా వాడండి.
`index.html` నుండి అసలు HTML కంటెంట్ ఎలా భద్రపరచబడిందో గమనించండి, కానీ మీ స్వంత `NavigationBar` React కంపోనెంట్ ఇప్పుడు మీ HTML నుండి `<nav id="navigation">` లో కనిపిస్తుంది. ఇప్పటికే ఉన్న HTML పేజీలో React కంపోనెంట్లను రెండరింగ్ చేయడం గురించి మరింత తెలుసుకోవడానికి [`createRoot` వినియోగ డాక్యుమెంటేషన్ను](/reference/react-dom/client/createRoot#rendering-a-page-partially-built-with-react) చదవండి.
159
151
160
-
<<<<<<< HEAD
161
-
మీరు ఇప్పటికే ఉన్న ప్రాజెక్ట్లో React ని స్వీకరించినప్పుడు, చిన్న ఇంటరాక్టివ్ కాంపోనెంట్లతో (ఉదాహరణకు బటన్లు) ప్రారంభించడం సాధారణం, ఆపై మీ పేజీ మొత్తం React తో నిర్మించబడే వరకు క్రమంగా “పైకి వెళ్తూ ఉండండి”. మీరు ఎప్పుడైనా ఆ పాయింట్కి చేరుకున్నట్లయితే, React నుండి ఎక్కువ ప్రయోజనం పొందడానికి వెంటనే [React ఫ్రేమ్వర్క్కి](/learn/creating-a-react-app) మైగ్రేట్ అవ్వమని మేము సిఫార్సు చేస్తున్నాము.
162
-
=======
163
-
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/start-a-new-react-project) right after to get the most out of React.
164
-
>>>>>>> e07ac94bc2c1ffd817b13930977be93325e5bea9
152
+
మీరు ఇప్పటికే ఉన్న ప్రాజెక్ట్లో React ని స్వీకరించినప్పుడు, చిన్న ఇంటరాక్టివ్ కాంపోనెంట్లతో (ఉదాహరణకు బటన్లు) ప్రారంభించడం సాధారణం, ఆపై మీ పేజీ మొత్తం React తో నిర్మించబడే వరకు క్రమంగా “పైకి వెళ్తూ ఉండండి”. మీరు ఎప్పుడైనా ఆ పాయింట్కి చేరుకున్నట్లయితే, React నుండి ఎక్కువ ప్రయోజనం పొందడానికి వెంటనే [React ఫ్రేమ్వర్క్కి](/learn/start-a-new-react-project) మైగ్రేట్ అవ్వమని మేము సిఫార్సు చేస్తున్నాము.
165
153
166
154
## ఇప్పటికే ఉన్న నేటివ్ మొబైల్ యాప్లో React Native ని ఉపయోగించడం {/*using-react-native-in-an-existing-native-mobile-app*/}
0 commit comments