Skip to content

Commit 28ecfcb

Browse files
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.
1 parent c937948 commit 28ecfcb

File tree

3 files changed

+7
-34
lines changed

3 files changed

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

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

src/content/learn/typescript.md

Lines changed: 3 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -11,27 +11,16 @@ TypeScript అనేది JavaScript కోడ్‌బేస్‌లకు
1111

1212
<YouWillLearn>
1313

14-
<<<<<<< HEAD
1514
* [TypeScript లో React కాంపోనెంట్లను ఎలా రాయడం](/learn/typescript#typescript-with-react-components)
1615
* [Hooks తో టైప్ ఉదాహరణలు](/learn/typescript#example-hooks)
17-
* [`@types/react` నుండి సాధారణ టైప్స్](/learn/typescript/#useful-types)
18-
* [మరింత నేర్చుకోవడానికి రిసోర్సెస్](/learn/typescript/#further-learning)
19-
=======
20-
* [TypeScript with React Components](/learn/typescript#typescript-with-react-components)
21-
* [Examples of typing with Hooks](/learn/typescript#example-hooks)
22-
* [Common types from `@types/react`](/learn/typescript#useful-types)
23-
* [Further learning locations](/learn/typescript#further-learning)
24-
>>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
16+
* [`@types/react` నుండి సాధారణ టైప్స్](/learn/typescript#useful-types)
17+
* [మరింత నేర్చుకోవడానికి రిసోర్సెస్](/learn/typescript#further-learning)
2518

2619
</YouWillLearn>
2720

2821
## ఇన్‌స్టాలేషన్ {/*installation*/}
2922

30-
<<<<<<< HEAD
31-
అన్ని [ప్రొడక్షన్-గ్రేడ్ 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 ని ఉపయోగించడం కోసం సపోర్ట్ను అందిస్తాయి. ఇన్‌స్టాలేషన్ కోసం ఫ్రేమ్‌వర్క్ యొక్క ప్రత్యేక గైడ్‌ను అనుసరించండి:
3524

3625
- [Next.js](https://nextjs.org/docs/app/building-your-application/configuring/typescript)
3726
- [Remix](https://remix.run/docs/en/1.19.2/guides/typescript)

src/content/learn/your-first-component.md

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -215,11 +215,7 @@ function Profile() {
215215

216216
చాలా వరకు React యాప్స్ కంపోనెంట్స్‌ను ప్రారంభం నుంచి చివరి వరకు ఉపయోగిస్తాయి. అంటే, మీరు కేవలం రీయూజబుల్ భాగాలు, ఉదాహరణకు బటన్‌లతో మాత్రమే కంపోనెంట్స్‌ను ఉపయోగించరు, కానీ పెద్ద భాగాలు, ఉదాహరణకు సైడ్‌బార్లు, లిస్ట్లు మరియు చివరగా పూర్తి పేజీలు కూడా! కంపోనెంట్స్ UI కోడ్ మరియు మార్కప్‌ ను ఆర్గనైజ్ చేయడానికి చాలా ఉపయోగకరమైన మార్గం, కొన్నిటిని ఒకసారి మాత్రమే ఉపయోగించినా కూడా.
217217

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 కోడ్ లోడ్ అవ్వడానికి ముందే మీ యాప్ కొన్ని కంటెంట్‌ను ప్రదర్శించేందుకు అనుమతిస్తుంది.
223219

224220
అయితే, అనేక వెబ్‌సైట్లు React ని కేవలం [కొన్ని HTML పేజీలకు ఇంటరాక్టివిటీ జోడించడానికి](/learn/add-react-to-an-existing-project#using-react-for-a-part-of-your-existing-page) మాత్రమే ఉపయోగిస్తాయి. అవి పేజీ మొత్తం కోసం ఒకే ఒక రూట్ కాంపొనెంట్ యొక్క స్థానంలో అనేక రూట్ కాంపొనెంట్లను కలిగి ఉంటాయి. మీరు ఎంత React ఉపయోగించాలనుకుంటే అంత లేదా కొంత React ఉపయోగించవచ్చు.
225221

0 commit comments

Comments
 (0)