Skip to content

Commit 6544f73

Browse files
authored
Update add-react-to-an-existing-project.md
1 parent 80578b6 commit 6544f73

File tree

1 file changed

+3
-15
lines changed

1 file changed

+3
-15
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
@@ -21,19 +21,11 @@ Routen, die mit `example.com/deine-app/` beginnen, vollständig mit React implem
2121

2222
In diesem Fall empfehlen wir dir folgende Schritte:
2323

24-
<<<<<<< HEAD
25-
1. **Erstelle den Teil der App, die mit React umgesetzt werden soll**, indem du eines der [auf React basierenden Frameworks](/learn/start-a-new-react-project) verwendest.
24+
1. **Erstelle den Teil der App, die mit React umgesetzt werden soll**, indem du eines der [auf React basierenden Frameworks](/learn/creating-a-react-app) verwendest.
2625
2. **Definiere `/deine-app` als *base path*** in der Konfiguration deines Frameworks ( [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/)).
2726
3. **Konfiguriere deinen Server oder Proxy** so, dass alle Anfragen an `/deine-app/` von der React-Anwendung verarbeitet werden.
2827

29-
Damit ist sichergestellt, dass der React Teil der Anwendung von den [bewährten Praktiken](/learn/start-a-new-react-project#can-i-use-react-without-a-framework) profitieren kann, die in diese Frameworks eingebaut sind.
30-
=======
31-
1. **Build the React part of your app** using one of the [React-based frameworks](/learn/creating-a-react-app).
32-
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/)).
33-
3. **Configure your server or a proxy** so that all requests under `/some-app/` are handled by your React app.
34-
35-
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.
36-
>>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
28+
Damit ist sichergestellt, dass der React Teil der Anwendung von den [bewährten Praktiken](/learn/creating-a-react-app#full-stack-frameworks) profitieren kann, die in diese Frameworks eingebaut sind.
3729

3830
Viele der auf React basierenden Frameworks sind Fullstack und ermöglichen es deiner Anwendung den Server zu verwenden. Der gleiche Ansatzu kann aaber auch verwendet werden, wenn man auf dem Server kein JavaScript ausführen kann oder will. In diesem Fall stellt man den HTML/CSS/JS export ([`next export`](https://nextjs.org/docs/advanced-features/static-html-export) für Next.js, default für Gatsby) unter `/deine-app/` bereit.
3931

@@ -159,11 +151,7 @@ root.render(<NavigationBar />);
159151

160152
Beachte, wie der ursprüngliche HTML-Inhalt aus `index.html` erhalten bleibt, aber deine eigene React-Komponente `NavigationBar` nun innerhalb des `<nav id="navigation">` in deinem HTML erscheint. Lies die Dokumentation von [`createRoot`](/reference/react-dom/client/createRoot#rendering-a-page-partially-built-with-react), um mehr darüber zu erfahren, wie man React-Komponenten in einer vorhandenen HTML-Seite rendert.
161153

162-
<<<<<<< HEAD
163-
Wenn du React in ein bestehendes Projekt integrierst, ist es üblich, mit kleinen interaktiven Komponenten (wie Buttons) zu beginnen und dich dann schrittweise "nach oben zu arbeiten", bis schließlich deine gesamte Seite mit React erstellt ist. Wenn du diesen Punkt einmal erreichst, empfehlen wir, kurz danach auf [ein React-Framework](/learn/start-a-new-react-project) umzusteigen, um das Beste aus React herauszuholen.
164-
=======
165-
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.
166-
>>>>>>> d52b3ec734077fd56f012fc2b30a67928d14cc73
154+
Wenn du React in ein bestehendes Projekt integrierst, ist es üblich, mit kleinen interaktiven Komponenten (wie Buttons) zu beginnen und dich dann schrittweise "nach oben zu arbeiten", bis schließlich deine gesamte Seite mit React erstellt ist. Wenn du diesen Punkt einmal erreichst, empfehlen wir, kurz danach auf [ein React-Framework](/learn/creating-a-react-app) umzusteigen, um das Beste aus React herauszuholen.
167155

168156
## React Native für eine bestehende mobile App verwenden {/*using-react-native-in-an-existing-native-mobile-app*/}
169157

0 commit comments

Comments
 (0)