Skip to content

Commit 2679963

Browse files
fix: merge conflict
1 parent cf5b312 commit 2679963

File tree

3 files changed

+11
-63
lines changed

3 files changed

+11
-63
lines changed

src/content/learn/add-react-to-an-existing-project.md

Lines changed: 3 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -20,19 +20,11 @@ title: React ను ఇప్పటికే ఉన్న ప్రాజెక
2020

2121
దీన్ని సెటప్ చేయడానికి మీరు దిగువ స్టెప్స్ ను అనుసరించాలని మేము సిఫార్సు చేస్తున్నాము:
2222

23-
<<<<<<< HEAD
24-
1. [React ఆధారిత ఫ్రేమ్‌వర్క్‌లలో](/learn/creating-a-react-app) ఒకదాన్ని ఉపయోగించి **మీ యాప్‌లోని React భాగాన్ని రూపొందించండి**.
23+
1. [React ఆధారిత ఫ్రేమ్‌వర్క్‌లలో](/learn/start-a-new-react-project) ఒకదాన్ని ఉపయోగించి **మీ యాప్‌లోని React భాగాన్ని రూపొందించండి**.
2524
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/)).
2625
3. మీ React యాప్లోని `/some-app/` కింద ఉన్న అన్ని రిక్వెస్టులను స్వీకరించడానికి **మీ సర్వర్ లేదా ప్రాక్సీని కాన్ఫిగర్ చేయండి**.
2726

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) ఇది నిర్ధారిస్తుంది.
3628

3729
చాలా వరకు React-ఆధారిత ఫ్రేమ్‌వర్క్‌లు ఫుల్-స్టాక్‌గా ఉంటాయి మరియు మీ React యాప్ ను సర్వర్ యొక్క ప్రయోజనాన్ని పొందేలా చేస్తాయి. అయినప్పటికీ, మీరు సర్వర్‌లో JavaScript ని అమలు చేయలేకపోయినా లేదా చేయకూడదనుకున్నా మీరు అదే విధానాన్ని ఉపయోగించవచ్చు. ఆ సందర్భంలో, `/some-app/` వద్ద HTML/CSS/JS (Next.js కోసం [`next export` అవుట్‌పుట్](https://nextjs.org/docs/advanced-features/static-html-export), Gatsby కోసం default) ని బదులుగా వాడండి.
3830

@@ -157,11 +149,7 @@ root.render(<NavigationBar />);
157149

158150
`index.html` నుండి అసలు HTML కంటెంట్ ఎలా భద్రపరచబడిందో గమనించండి, కానీ మీ స్వంత `NavigationBar` React కంపోనెంట్ ఇప్పుడు మీ HTML నుండి `<nav id="navigation">` లో కనిపిస్తుంది. ఇప్పటికే ఉన్న HTML పేజీలో React కంపోనెంట్లను రెండరింగ్ చేయడం గురించి మరింత తెలుసుకోవడానికి [`createRoot` వినియోగ డాక్యుమెంటేషన్‌ను](/reference/react-dom/client/createRoot#rendering-a-page-partially-built-with-react) చదవండి.
159151

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) మైగ్రేట్ అవ్వమని మేము సిఫార్సు చేస్తున్నాము.
165153

166154
## ఇప్పటికే ఉన్న నేటివ్ మొబైల్ యాప్‌లో React Native‌ ని ఉపయోగించడం {/*using-react-native-in-an-existing-native-mobile-app*/}
167155

0 commit comments

Comments
 (0)