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
Fix deadlinks in documentation and update references to the correct URLs for React-based frameworks and TypeScript resources. Adjusted links in multiple files to ensure accurate navigation and improved user experience.
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/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
26
28
-
మీ యాప్లోని React భాగం ఆ ఫ్రేమ్వర్క్లలో రూపొందించిన [మాడ్యూల్లను వాడుకొని ప్రయోజనం పొందగలదని](/learn/start-a-new-react-project#can-i-use-react-without-a-framework) ఇది నిర్ధారిస్తుంది.
29
-
=======
30
-
1.**Build the React part of your app** using one of the [React-based frameworks](/learn/creating-a-react-app).
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/creating-a-react-app#full-stack-frameworks) baked into those frameworks.
35
-
>>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
27
+
మీ యాప్లోని React భాగం ఆ ఫ్రేమ్వర్క్లలో రూపొందించిన [మాడ్యూల్లను వాడుకొని ప్రయోజనం పొందగలదని](/learn/creating-a-react-app#full-stack-frameworks) ఇది నిర్ధారిస్తుంది.
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/start-a-new-react-project) మైగ్రేట్ అవ్వమని మేము సిఫార్సు చేస్తున్నాము.
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/creating-a-react-app) right after to get the most out of React.
164
-
>>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
152
+
మీరు ఇప్పటికే ఉన్న ప్రాజెక్ట్లో React ని స్వీకరించినప్పుడు, చిన్న ఇంటరాక్టివ్ కాంపోనెంట్లతో (ఉదాహరణకు బటన్లు) ప్రారంభించడం సాధారణం, ఆపై మీ పేజీ మొత్తం React తో నిర్మించబడే వరకు క్రమంగా “పైకి వెళ్తూ ఉండండి”. మీరు ఎప్పుడైనా ఆ పాయింట్కి చేరుకున్నట్లయితే, React నుండి ఎక్కువ ప్రయోజనం పొందడానికి వెంటనే [React ఫ్రేమ్వర్క్కి](/learn/creating-a-react-app) మైగ్రేట్ అవ్వమని మేము సిఫార్సు చేస్తున్నాము.
165
153
166
154
## ఇప్పటికే ఉన్న నేటివ్ మొబైల్ యాప్లో React Native ని ఉపయోగించడం {/*using-react-native-in-an-existing-native-mobile-app*/}
అన్ని [ప్రొడక్షన్-గ్రేడ్ React ఫ్రేమ్వర్క్లు](/learn/start-a-new-react-project#production-grade-react-frameworks) TypeScript ని ఉపయోగించడం కోసం సపోర్ట్ను అందిస్తాయి. ఇన్స్టాలేషన్ కోసం ఫ్రేమ్వర్క్ యొక్క ప్రత్యేక గైడ్ను అనుసరించండి:
32
-
=======
33
-
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:
34
-
>>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
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
-
>>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
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