From 5bcf0aadc701f47abc28fabd3ae78c0cb0812a4e Mon Sep 17 00:00:00 2001 From: ph1p Date: Mon, 11 Feb 2019 00:10:36 +0100 Subject: [PATCH 01/10] First changes --- content/docs/getting-started.md | 56 ++++++++++++++++++--------------- 1 file changed, 30 insertions(+), 26 deletions(-) diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index 5625bb3cd..071c55a5b 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -1,6 +1,6 @@ --- id: getting-started -title: Getting Started +title: Erste Schritte permalink: docs/getting-started.html next: add-react-to-a-website.html redirect_from: @@ -18,39 +18,41 @@ redirect_from: - "docs/environments.html" --- -This page is an overview of the React documentation and related resources. +Diese Seite bietet einen Gesamtüberblick über die React Dokumentation und allen damit zusammenhängenden Ressourcen. -**React** is a JavaScript library for building user interfaces. Learn what React is all about on [our homepage](/) or [in the tutorial](/tutorial/tutorial.html). +**React** ist eine JavaScript-Bibliothek zur Erstellung von Benutzeroberflächen. Erfahre mehr auf [unserer Homepage](/) oder im [Tutorial](/tutorial/tutorial.html) worum es bei React geht und was es ist. --- -- [Try React](#try-react) -- [Learn React](#learn-react) -- [Staying Informed](#staying-informed) -- [Versioned Documentation](#versioned-documentation) -- [Something Missing?](#something-missing) +- [Probiere React aus](#try-react) +- [Lerne React](#learn-react) +- [Bleib aktuell](#staying-informed) +- [Versionierte Dokumentation](#versioned-documentation) +- [Fehlt etwas?](#something-missing) -## Try React {#try-react} +## Probiere React aus {#try-react} -React has been designed from the start for gradual adoption, and **you can use as little or as much React as you need.** Whether you want to get a taste of React, add some interactivity to a simple HTML page, or start a complex React-powered app, the links in this section will help you get started. +React wurde von Anfang an für eine schrittweise Einführung entwickelt und **du kannst selbst entscheiden wie viel oder wie wenig du von React benutzen möchtest.** Die Links in diesem Abschnitt helfen dir beim Einstieg, dabei ist es ist egal ob du nur ein wenig Interaktivtät zu einer kleinen HTML-Seite hinzufügen, bestehende Anwendungen erweitern oder eine komplexere Anwendung bauen möchtest. ### Online Playgrounds {#online-playgrounds} -If you're interested in playing around with React, you can use an online code playground. Try a Hello World template on [CodePen](codepen://hello-world) or [CodeSandbox](https://codesandbox.io/s/new). +Wenn du ein bisschen mit React herum spielen möchtest, dann kannst du dafür online Code-Editoren benutzen. +Probiere Hello World auf [CodePen](codepen://hello-world) oder [CodeSandbox](https://codesandbox.io/s/new) aus. -If you prefer to use your own text editor, you can also [download this HTML file](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html), edit it, and open it from the local filesystem in your browser. It does a slow runtime code transformation, so we'd only recommend using this for simple demos. +Wenn du lieber deinen eigenen Editor verwenden möchtest, kannst du [diese HTML](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html) Datei herunterladen, bearbeiten und mit deinem Browser anschauen. In dieser Datei wird eine langsame Codeumwandlung zur Laufzeit angewandt, daher empfehlen wir diese Datei nur für kleinere Demonstrationen zu verwenden. -### Add React to a Website {#add-react-to-a-website} +### React zu einer Webseite hinzufügen {#add-react-to-a-website} -You can [add React to an HTML page in one minute](/docs/add-react-to-a-website.html). You can then either gradually expand its presence, or keep it contained to a few dynamic widgets. +Du kannst React innerhalb einer Minute zu einer HTML-Seite hinzufügen. Danach kannst du entweder die Präsenz von React immer mehr erweitern oder es nur +für ein paar Bestandteile wie Formulare o. ä. benutzen. -### Create a New React App {#create-a-new-react-app} +### Erstelle eine neue React App {#create-a-new-react-app} When starting a React project, [a simple HTML page with script tags](/docs/add-react-to-a-website.html) might still be the best option. It only takes a minute to set up! As your application grows, you might want to consider a more integrated setup. There are [several JavaScript toolchains](/docs/create-a-new-react-app.html) we recommend for larger applications. Each of them can work with little to no configuration and lets you take full advantage of the rich React ecosystem. -## Learn React {#learn-react} +## Lerne React {#learn-react} People come to React from different backgrounds and with different learning styles. Whether you prefer a more theoretical or a practical approach, we hope you'll find this section helpful. @@ -59,17 +61,19 @@ People come to React from different backgrounds and with different learning styl Like any unfamiliar technology, React does have a learning curve. With practice and some patience, you *will* get the hang of it. -### First Examples {#first-examples} +### Erste Beispiele {#first-examples} -The [React homepage](/) contains a few small React examples with a live editor. Even if you don't know anything about React yet, try changing their code and see how it affects the result. +Die [React homepage](/) beinhaltet ein paar React Beispiele mit einem Live-Editor. +Auch wenn du vorher noch nichts mit React gemacht hast kannst du hiermit ein wenig rumprobieren und direkt sehen was für Auswirkungen +deine Änderungen haben. -### React for Beginners {#react-for-beginners} +### React für Anfänger {#react-for-beginners} If you feel that the React documentation goes at a faster pace than you're comfortable with, check out [this overview of React by Tania Rascia](https://www.taniarascia.com/getting-started-with-react/). It introduces the most important React concepts in a detailed, beginner-friendly way. Once you're done, give the documentation another try! -### React for Designers {#react-for-designers} +### React für Designer {#react-for-designers} -If you're coming from a design background, [these resources](http://reactfordesigners.com/) are a great place to get started. +Wenn du einen Designhintergrund hast, könnte [diese Sammlung](http://reactfordesigners.com/) sehr hilfreich für dich sein. ### JavaScript Resources {#javascript-resources} @@ -97,11 +101,11 @@ Many React users credit reading [Thinking in React](/docs/thinking-in-react.html Sometimes people find third-party books and video courses more helpful than the official documentation. We maintain [a list of commonly recommended resources](/community/courses.html), some of which are free. -### Advanced Concepts {#advanced-concepts} +### Fortgeschrittene Konzepte {#advanced-concepts} Once you're comfortable with the [main concepts](#main-concepts) and played with React a little bit, you might be interested in more advanced topics. This section will introduce you to the powerful, but less commonly used React features like [context](/docs/context.html) and [refs](/docs/refs-and-the-dom.html). -### API Reference {#api-reference} +### API Referenz {#api-reference} This documentation section is useful when you want to learn more details about a particular React API. For example, [`React.Component` API reference](/docs/react-component.html) can provide you with details on how `setState()` works, and what different lifecycle methods are useful for. @@ -109,7 +113,7 @@ This documentation section is useful when you want to learn more details about a The [glossary](/docs/glossary.html) contains an overview of the most common terms you'll see in the React documentation. There is also a FAQ section dedicated to short questions and answers about common topics, including [making AJAX requests](/docs/faq-ajax.html), [component state](/docs/faq-state.html), and [file structure](/docs/faq-structure.html). -## Staying Informed {#staying-informed} +## Bleib aktuell {#staying-informed} The [React blog](/blog/) is the official source for the updates from the React team. Anything important, including release notes or deprecation notices, will be posted there first. @@ -117,10 +121,10 @@ You can also follow the [@reactjs account](https://twitter.com/reactjs) on Twitt Not every React release deserves its own blog post, but you can find a detailed changelog for every release [in the `CHANGELOG.md` file in the React repository](https://github.com/facebook/react/blob/master/CHANGELOG.md), as well as on the [Releases](https://github.com/facebook/react) page. -## Versioned Documentation {#versioned-documentation} +## Versionierte Dokumentation {#versioned-documentation} This documentation always reflects the latest stable version of React. Since React 16, you can find older versions of the documentation [on a separate page](/versions). Note that documentation for past versions is snapshotted at the time of the release, and isn't being continuously updated. -## Something Missing? {#something-missing} +## Fehlt etwas? {#something-missing} If something is missing in the documentation or if you found some part confusing, please [file an issue for the documentation repository](https://github.com/reactjs/reactjs.org/issues/new) with your suggestions for improvement, or tweet at the [@reactjs account](https://twitter.com/reactjs). We love hearing from you! From f9deb873f0daef5786e6f97838003f02269d4774 Mon Sep 17 00:00:00 2001 From: ph1p Date: Mon, 11 Feb 2019 18:41:49 +0100 Subject: [PATCH 02/10] Update getting-started translations --- content/docs/getting-started.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index 071c55a5b..0c3460417 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -18,7 +18,7 @@ redirect_from: - "docs/environments.html" --- -Diese Seite bietet einen Gesamtüberblick über die React Dokumentation und allen damit zusammenhängenden Ressourcen. +Diese Seite bietet dir einen Gesamtüberblick über die React Dokumentation und allen damit zusammenhängenden Ressourcen. **React** ist eine JavaScript-Bibliothek zur Erstellung von Benutzeroberflächen. Erfahre mehr auf [unserer Homepage](/) oder im [Tutorial](/tutorial/tutorial.html) worum es bei React geht und was es ist. @@ -43,8 +43,7 @@ Wenn du lieber deinen eigenen Editor verwenden möchtest, kannst du [diese HTML] ### React zu einer Webseite hinzufügen {#add-react-to-a-website} -Du kannst React innerhalb einer Minute zu einer HTML-Seite hinzufügen. Danach kannst du entweder die Präsenz von React immer mehr erweitern oder es nur -für ein paar Bestandteile wie Formulare o. ä. benutzen. +Du kannst React innerhalb einer Minute zu einer HTML-Seite hinzufügen. Danach kannst du entweder die Präsenz von React immer mehr erweitern oder es nur für ein paar Bestandteile wie Formulare o. ä. benutzen. ### Erstelle eine neue React App {#create-a-new-react-app} @@ -81,7 +80,7 @@ The React documentation assumes some familiarity with programming in the JavaScr We recommend going through [this JavaScript overview](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) to check your knowledge level. It will take you between 30 minutes and an hour but you will feel more confident learning React. ->Tip +>**Tipp:** > >Whenever you get confused by something in JavaScript, [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) and [javascript.info](http://javascript.info/) are great websites to check. There are also [community support forums](/community/support.html) where you can ask for help. @@ -89,13 +88,14 @@ We recommend going through [this JavaScript overview](https://developer.mozilla. If you prefer to **learn by doing,** check out our [practical tutorial](/tutorial/tutorial.html). In this tutorial, we build a tic-tac-toe game in React. You might be tempted to skip it because you're not building games -- but give it a chance. The techniques you'll learn in the tutorial are fundamental to building *any* React apps, and mastering it will give you a much deeper understanding. -### Step-by-Step Guide {#step-by-step-guide} +### Schritt für Schritt Leitfaden {#step-by-step-guide} -If you prefer to **learn concepts step by step,** our [guide to main concepts](/docs/hello-world.html) is the best place to start. Every next chapter in it builds on the knowledge introduced in the previous chapters so you won't miss anything as you go along. +Wenn du es bevorzugst **Konzepte Schritt für Schritt** zu lernen, dann ist der [Leitfaden zu den Hauptkonzepten](/docs/hello-world.html) genau das richtige für dich um anzufangen. Alle Kapitel bauen aufeinander auf, somit verpasst du nichts, wenn du alles nacheinander in der richtigen Reihenfolge liest. -### Thinking in React {#thinking-in-react} +### Denke in React {#thinking-in-react} -Many React users credit reading [Thinking in React](/docs/thinking-in-react.html) as the moment React finally "clicked" for them. It's probably the oldest React walkthrough but it's still just as relevant. +Viele Benutzer schreiben, dass es nach dem Lesen von [Thinking in React](/docs/thinking-in-react.html), bei ihnen "klick" gemacht hat. +Dies ist wahrscheinlichst der älteste Leitfaden, aber er hat immer noch seine Da­seins­be­rech­ti­gung. ### Recommended Courses {#recommended-courses} From 46cd1f3abf6b3dda2777a21c6ae6f562d6352808 Mon Sep 17 00:00:00 2001 From: ph1p Date: Mon, 11 Feb 2019 19:15:53 +0100 Subject: [PATCH 03/10] Update texts --- content/docs/getting-started.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index 0c3460417..69f7cb9b0 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -115,11 +115,11 @@ The [glossary](/docs/glossary.html) contains an overview of the most common term ## Bleib aktuell {#staying-informed} -The [React blog](/blog/) is the official source for the updates from the React team. Anything important, including release notes or deprecation notices, will be posted there first. +Der [React Blog](/blog/) ist die offizielle Quelle für Neuigkeiten des React-Teams. Alle wichtigen Informationen, einschließlich Versionshinweise oder nicht mehr weitergeführte Funktionaltäten, werden dort zuerst veröffentlicht. -You can also follow the [@reactjs account](https://twitter.com/reactjs) on Twitter, but you won't miss anything essential if you only read the blog. +Du kannst auch unserem Account, [@reactjs](https://twitter.com/reactjs), auf Twitter folgen. Du würdest aber nichts wichtiges verpassen, wenn du nur den Blog liest. -Not every React release deserves its own blog post, but you can find a detailed changelog for every release [in the `CHANGELOG.md` file in the React repository](https://github.com/facebook/react/blob/master/CHANGELOG.md), as well as on the [Releases](https://github.com/facebook/react) page. +Nicht jede React Version bekommt einen eigenen Blogpost spendiert. Du kannst aber eine detailierte Liste aller Änderung in der [CHANGELOG.md, im React Repository finden](https://github.com/facebook/react/blob/master/CHANGELOG.md), genauso wie auf der [Releases Seite](https://github.com/facebook/react). ## Versionierte Dokumentation {#versioned-documentation} From ecd4ffa0f4cd71a0396f9bc8c7c6111a671563f1 Mon Sep 17 00:00:00 2001 From: ph1p Date: Tue, 12 Feb 2019 00:19:20 +0100 Subject: [PATCH 04/10] Translate some sections --- content/docs/getting-started.md | 27 +++++++++++++++++---------- 1 file changed, 17 insertions(+), 10 deletions(-) diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index 69f7cb9b0..e87c70364 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -34,12 +34,12 @@ Diese Seite bietet dir einen Gesamtüberblick über die React Dokumentation und React wurde von Anfang an für eine schrittweise Einführung entwickelt und **du kannst selbst entscheiden wie viel oder wie wenig du von React benutzen möchtest.** Die Links in diesem Abschnitt helfen dir beim Einstieg, dabei ist es ist egal ob du nur ein wenig Interaktivtät zu einer kleinen HTML-Seite hinzufügen, bestehende Anwendungen erweitern oder eine komplexere Anwendung bauen möchtest. -### Online Playgrounds {#online-playgrounds} +### Online Spielwiesen {#online-playgrounds} Wenn du ein bisschen mit React herum spielen möchtest, dann kannst du dafür online Code-Editoren benutzen. -Probiere Hello World auf [CodePen](codepen://hello-world) oder [CodeSandbox](https://codesandbox.io/s/new) aus. +Probiere "Hallo Welt" auf [CodePen](codepen://hello-world) oder [CodeSandbox](https://codesandbox.io/s/new) aus. -Wenn du lieber deinen eigenen Editor verwenden möchtest, kannst du [diese HTML](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html) Datei herunterladen, bearbeiten und mit deinem Browser anschauen. In dieser Datei wird eine langsame Codeumwandlung zur Laufzeit angewandt, daher empfehlen wir diese Datei nur für kleinere Demonstrationen zu verwenden. +Wenn du lieber deinen eigenen Editor verwenden möchtest, kannst du [diese HTML](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html) Datei herunterladen, bearbeiten und mit deinem Browser anschauen. In dieser Datei wird eine langsame Codeumwandlung zur Laufzeit angewandt, daher empfehlen wir diese Datei nur für kleinere Demonstrationen und Verprobungen zu verwenden. ### React zu einer Webseite hinzufügen {#add-react-to-a-website} @@ -97,9 +97,10 @@ Wenn du es bevorzugst **Konzepte Schritt für Schritt** zu lernen, dann ist der Viele Benutzer schreiben, dass es nach dem Lesen von [Thinking in React](/docs/thinking-in-react.html), bei ihnen "klick" gemacht hat. Dies ist wahrscheinlichst der älteste Leitfaden, aber er hat immer noch seine Da­seins­be­rech­ti­gung. -### Recommended Courses {#recommended-courses} +### Empfohlene Kurse {#recommended-courses} -Sometimes people find third-party books and video courses more helpful than the official documentation. We maintain [a list of commonly recommended resources](/community/courses.html), some of which are free. +Manchmal finden Personen Bücher und Videokurse von Drittanbietern hilfreicher als die offizielle Dokumentation, deshalb +führen wir eine [Liste von empfehlenswerten Quellen](/community/courses.html), von denen einige kostenlos sind. ### Fortgeschrittene Konzepte {#advanced-concepts} @@ -107,11 +108,13 @@ Once you're comfortable with the [main concepts](#main-concepts) and played with ### API Referenz {#api-reference} -This documentation section is useful when you want to learn more details about a particular React API. For example, [`React.Component` API reference](/docs/react-component.html) can provide you with details on how `setState()` works, and what different lifecycle methods are useful for. +Dieser Abschnitt der Dokumentation ist nützlich, wenn du mehr über die React API erfahren möchtest. +Zum Beispiel die [API Referenz zu `React.Component`](/docs/react-component.html) beschreibt detailiert wie `setState()` funktioniert und für welchen Einsatz die unterschiedlichen Lifecycle-Methoden nützlich sind. -### Glossary and FAQ {#glossary-and-faq} +### Glossar and FAQ {#glossary-and-faq} -The [glossary](/docs/glossary.html) contains an overview of the most common terms you'll see in the React documentation. There is also a FAQ section dedicated to short questions and answers about common topics, including [making AJAX requests](/docs/faq-ajax.html), [component state](/docs/faq-state.html), and [file structure](/docs/faq-structure.html). +Das [Glossar](/docs/glossary.html) bietet dir einen Überblick über die Begriffe, die am häufigsten in der React Dokumentation vorkommen. +Es gibt außerdem ein FAQ, in welchem wir kleine Fragen zu allgemeinen Themen wie: [AJAX Requests](/docs/faq-ajax.html), [States in Komponenten](/docs/faq-state.html) oder [Dateistrukturen](/docs/faq-structure.html) bearbeiten. ## Bleib aktuell {#staying-informed} @@ -123,8 +126,12 @@ Nicht jede React Version bekommt einen eigenen Blogpost spendiert. Du kannst abe ## Versionierte Dokumentation {#versioned-documentation} -This documentation always reflects the latest stable version of React. Since React 16, you can find older versions of the documentation [on a separate page](/versions). Note that documentation for past versions is snapshotted at the time of the release, and isn't being continuously updated. +Diese Dokumentation entspricht immer der neuesten "stable" Version von React. +Seit React 16, können alle älteren Dokumentation [auf einer seperaten Seite](/versions) gefunden werden. +Bitte beachte, dass die Dokumentation vergangener Versionen am Releasedatum zwischengespeichert wurde und nicht mehr kontinuierlich +aktualsiert wird. ## Fehlt etwas? {#something-missing} -If something is missing in the documentation or if you found some part confusing, please [file an issue for the documentation repository](https://github.com/reactjs/reactjs.org/issues/new) with your suggestions for improvement, or tweet at the [@reactjs account](https://twitter.com/reactjs). We love hearing from you! +Wenn etwas in der Dokumentation fehlt oder du Dinge verwirrend findest, schreib uns deinen Vorschlag oder deine Verbesserung und mache ein [Issue in unserem Dokumentation Repository](https://github.com/reactjs/reactjs.org/issues/new) auf. Du kannst uns natürlich auch über unseren Twitteraccount [@reactjs](https://twitter.com/reactjs) erreichen. +Wir freuen uns von dir zu hören! \ No newline at end of file From 281ee6f74f166208a49e238c813101df58b54523 Mon Sep 17 00:00:00 2001 From: ph1p Date: Tue, 12 Feb 2019 15:51:32 +0100 Subject: [PATCH 05/10] Add translations --- content/docs/getting-started.md | 31 ++++++++++++++++++------------- 1 file changed, 18 insertions(+), 13 deletions(-) diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index e87c70364..fa2ac9db8 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -47,18 +47,19 @@ Du kannst React innerhalb einer Minute zu einer HTML-Seite hinzufügen. Danach k ### Erstelle eine neue React App {#create-a-new-react-app} -When starting a React project, [a simple HTML page with script tags](/docs/add-react-to-a-website.html) might still be the best option. It only takes a minute to set up! +Am Besten fängst du ein neues React-Projekt mit [einer einfachen HTML Seite und ein paar Script-Tags an](/docs/add-react-to-a-website.html). Innerhalb einer Minute hast du alles fertig aufgsetzt! -As your application grows, you might want to consider a more integrated setup. There are [several JavaScript toolchains](/docs/create-a-new-react-app.html) we recommend for larger applications. Each of them can work with little to no configuration and lets you take full advantage of the rich React ecosystem. +Sobald jedoch deine Anwendung wächst, solltest du eine fertiges Setup verwenden. Es gibt eine Menge vorhandener [JavaScript Werzeuge](/docs/create-a-new-react-app.html) die wir für größere Anwendungen empfehlen. +Jedes von ihnen kommt mit wenig bis garkeiner Vorkonfiguration aus und lässt dich trotzdem den vollen Funktionsumfang des React-Ökosystems genießen. ## Lerne React {#learn-react} -People come to React from different backgrounds and with different learning styles. Whether you prefer a more theoretical or a practical approach, we hope you'll find this section helpful. +Es kommen Personen mit unterschiedlichsten Hintergründen und Lernstylen zu React. Hoffentlich findest du diese Abschnitte hilfreich, es kommt nur darauf an ob du einen theoretischen oder eher praktischer Ansatz bevorzugst. -* If you prefer to **learn by doing**, start with our [practical tutorial](/tutorial/tutorial.html). -* If you prefer to **learn concepts step by step**, start with our [guide to main concepts](/docs/hello-world.html). +* Wenn du eher bevorzugst durch Übungen zu lernen, dann starte mit unserem [praktischen Tutorial](/tutorial/tutorial.html). +* Wenn du es aber eher bevorzugst, Konzepte Schritt für Schritt zu lernen, starte mit unserem [Leitfaden zu den Hauptkonzepten](/docs/hello-world.html). -Like any unfamiliar technology, React does have a learning curve. With practice and some patience, you *will* get the hang of it. +Wie jede unbekannte Technologie, hat auch React eine gewisse Lernkurve. Mit etwas Übung und Geduld wirst du aber *den Dreh* raus bekommen. ### Erste Beispiele {#first-examples} @@ -68,7 +69,8 @@ deine Änderungen haben. ### React für Anfänger {#react-for-beginners} -If you feel that the React documentation goes at a faster pace than you're comfortable with, check out [this overview of React by Tania Rascia](https://www.taniarascia.com/getting-started-with-react/). It introduces the most important React concepts in a detailed, beginner-friendly way. Once you're done, give the documentation another try! +Wenn du das Gefühl bekommen solltest, die React-Dokumentation geht schneller voran als du es gewohnt bist, können wir dir den [React-Überblick von Tania Rascia](https://www.taniarascia.com/getting-started-with-react/) ans Herz legen. +Dieser stellt die wichtigsten React-Konzepte detailliert und anfängerfreundlich vor. Wenn du fertig bist, versuche es einfach noch einmal mit der Dokumentation! ### React für Designer {#react-for-designers} @@ -76,17 +78,20 @@ Wenn du einen Designhintergrund hast, könnte [diese Sammlung](http://reactforde ### JavaScript Resources {#javascript-resources} -The React documentation assumes some familiarity with programming in the JavaScript language. You don't have to be an expert, but it's harder to learn both React and JavaScript at the same time. +Die React Dokumentation setzt fundierte JavaScript Sprachkentnisse voraus. Du musst keine Experte sein, aber es wird dir viel schwerer fallen, React und JavaScript gleichzeitig zu lernen. -We recommend going through [this JavaScript overview](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) to check your knowledge level. It will take you between 30 minutes and an hour but you will feel more confident learning React. +Wir empfehlen dir diesen [JavaScript-Überblick](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) durchzugehen und deinen Wissensstand zu überprüfen. Es wird dich zwischen 30 Minuten und einer Stunde deiner Zeit +kosten, aber danach solltest du dich sicherer fühlen, React zu lernen. >**Tipp:** > ->Whenever you get confused by something in JavaScript, [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) and [javascript.info](http://javascript.info/) are great websites to check. There are also [community support forums](/community/support.html) where you can ask for help. +> Wenn dich manche JavaScript Funktionweisen verwirren sollten, können wir dir zum nachschlagen, [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) und [javascript.info](http://javascript.info/) empfehlen. Außerdem gibt es auch noch unser [Community Forum](/community/support.html), in dem du nach Hilfe fragen kannst. -### Practical Tutorial {#practical-tutorial} +### Praktisches Tutorial {#practical-tutorial} -If you prefer to **learn by doing,** check out our [practical tutorial](/tutorial/tutorial.html). In this tutorial, we build a tic-tac-toe game in React. You might be tempted to skip it because you're not building games -- but give it a chance. The techniques you'll learn in the tutorial are fundamental to building *any* React apps, and mastering it will give you a much deeper understanding. +Wenn du es lieber bevorzugst durch Übungen zu lernen, dann guck dir unser [praktisches Tutorial](/tutorial/tutorial.html) an. Dort werden wir das Spiel "tic-tac-toe" in React erstellen. +Du wirst diesen Teil vielleicht überspringen wollen, da du keine Spiele erstellen willst, aber gib ihm wenigstens eine Chance. In diesem Tutorial lernst du grundlegende Techniken, die bei +*allen* React Anwendungen Verwendung finden und dir ein tieferes Verständnis geben. ### Schritt für Schritt Leitfaden {#step-by-step-guide} @@ -100,7 +105,7 @@ Dies ist wahrscheinlichst der älteste Leitfaden, aber er hat immer noch seine D ### Empfohlene Kurse {#recommended-courses} Manchmal finden Personen Bücher und Videokurse von Drittanbietern hilfreicher als die offizielle Dokumentation, deshalb -führen wir eine [Liste von empfehlenswerten Quellen](/community/courses.html), von denen einige kostenlos sind. +führen wir eine [Liste von empfehlenswerten Quellen](/community/courses.html). Einige sind sogar kostenlos verfügbar. ### Fortgeschrittene Konzepte {#advanced-concepts} From f90986be65ec858506b491e11f86851a01d81088 Mon Sep 17 00:00:00 2001 From: ph1p Date: Tue, 12 Feb 2019 18:08:10 +0100 Subject: [PATCH 06/10] Update translation --- content/docs/getting-started.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index fa2ac9db8..9fa43b42f 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -63,7 +63,7 @@ Wie jede unbekannte Technologie, hat auch React eine gewisse Lernkurve. Mit etwa ### Erste Beispiele {#first-examples} -Die [React homepage](/) beinhaltet ein paar React Beispiele mit einem Live-Editor. +Die [React Homepage](/) beinhaltet ein paar React Beispiele mit einem Live-Editor. Auch wenn du vorher noch nichts mit React gemacht hast kannst du hiermit ein wenig rumprobieren und direkt sehen was für Auswirkungen deine Änderungen haben. @@ -95,7 +95,7 @@ Du wirst diesen Teil vielleicht überspringen wollen, da du keine Spiele erstell ### Schritt für Schritt Leitfaden {#step-by-step-guide} -Wenn du es bevorzugst **Konzepte Schritt für Schritt** zu lernen, dann ist der [Leitfaden zu den Hauptkonzepten](/docs/hello-world.html) genau das richtige für dich um anzufangen. Alle Kapitel bauen aufeinander auf, somit verpasst du nichts, wenn du alles nacheinander in der richtigen Reihenfolge liest. +Wenn du es bevorzugst **Konzepte Schritt für Schritt** zu lernen, dann ist der [Leitfaden zu den Hauptkonzepten](/docs/hello-world.html) genau das Richtige für dich um anzufangen. Alle Kapitel bauen aufeinander auf, somit verpasst du nichts, wenn du alles nacheinander in der richtigen Reihenfolge liest. ### Denke in React {#thinking-in-react} From 1ed2b1ebc82187b3234a757b10ee0ff661a69814 Mon Sep 17 00:00:00 2001 From: Daniel Date: Wed, 13 Feb 2019 08:12:14 +0100 Subject: [PATCH 07/10] Update content/docs/getting-started.md Co-Authored-By: ph1p --- content/docs/getting-started.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index 9fa43b42f..f12a88c41 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -49,7 +49,7 @@ Du kannst React innerhalb einer Minute zu einer HTML-Seite hinzufügen. Danach k Am Besten fängst du ein neues React-Projekt mit [einer einfachen HTML Seite und ein paar Script-Tags an](/docs/add-react-to-a-website.html). Innerhalb einer Minute hast du alles fertig aufgsetzt! -Sobald jedoch deine Anwendung wächst, solltest du eine fertiges Setup verwenden. Es gibt eine Menge vorhandener [JavaScript Werzeuge](/docs/create-a-new-react-app.html) die wir für größere Anwendungen empfehlen. +Sobald jedoch deine Anwendung wächst, solltest du ein fertiges Setup verwenden. Es gibt eine Menge vorhandener [JavaScript Werzeuge](/docs/create-a-new-react-app.html) die wir für größere Anwendungen empfehlen. Jedes von ihnen kommt mit wenig bis garkeiner Vorkonfiguration aus und lässt dich trotzdem den vollen Funktionsumfang des React-Ökosystems genießen. ## Lerne React {#learn-react} @@ -139,4 +139,4 @@ aktualsiert wird. ## Fehlt etwas? {#something-missing} Wenn etwas in der Dokumentation fehlt oder du Dinge verwirrend findest, schreib uns deinen Vorschlag oder deine Verbesserung und mache ein [Issue in unserem Dokumentation Repository](https://github.com/reactjs/reactjs.org/issues/new) auf. Du kannst uns natürlich auch über unseren Twitteraccount [@reactjs](https://twitter.com/reactjs) erreichen. -Wir freuen uns von dir zu hören! \ No newline at end of file +Wir freuen uns von dir zu hören! From aa4ce33e55bd9929813c490ac7f6bfd6a62f552e Mon Sep 17 00:00:00 2001 From: Daniel Date: Wed, 13 Feb 2019 08:15:18 +0100 Subject: [PATCH 08/10] Update content/docs/getting-started.md Co-Authored-By: ph1p --- content/docs/getting-started.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index f12a88c41..09aeb48e0 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -47,7 +47,7 @@ Du kannst React innerhalb einer Minute zu einer HTML-Seite hinzufügen. Danach k ### Erstelle eine neue React App {#create-a-new-react-app} -Am Besten fängst du ein neues React-Projekt mit [einer einfachen HTML Seite und ein paar Script-Tags an](/docs/add-react-to-a-website.html). Innerhalb einer Minute hast du alles fertig aufgsetzt! +Am Besten fängst du ein neues React-Projekt mit [einer einfachen HTML Seite und ein paar Script-Tags an](/docs/add-react-to-a-website.html). Innerhalb einer Minute hast du alles fertig aufgesetzt! Sobald jedoch deine Anwendung wächst, solltest du ein fertiges Setup verwenden. Es gibt eine Menge vorhandener [JavaScript Werzeuge](/docs/create-a-new-react-app.html) die wir für größere Anwendungen empfehlen. Jedes von ihnen kommt mit wenig bis garkeiner Vorkonfiguration aus und lässt dich trotzdem den vollen Funktionsumfang des React-Ökosystems genießen. From ba0ab6597d329879c9a9e87944106d622a785104 Mon Sep 17 00:00:00 2001 From: ph1p Date: Wed, 13 Feb 2019 08:51:17 +0100 Subject: [PATCH 09/10] Remove line breaks and add missing translation --- content/docs/getting-started.md | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index 09aeb48e0..6bf9f6a68 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -63,9 +63,7 @@ Wie jede unbekannte Technologie, hat auch React eine gewisse Lernkurve. Mit etwa ### Erste Beispiele {#first-examples} -Die [React Homepage](/) beinhaltet ein paar React Beispiele mit einem Live-Editor. -Auch wenn du vorher noch nichts mit React gemacht hast kannst du hiermit ein wenig rumprobieren und direkt sehen was für Auswirkungen -deine Änderungen haben. +Die [React Homepage](/) beinhaltet ein paar React Beispiele mit einem Live-Editor. Auch wenn du vorher noch nichts mit React gemacht hast kannst du hiermit ein wenig rumprobieren und direkt sehen was für Auswirkungen deine Änderungen haben. ### React für Anfänger {#react-for-beginners} @@ -80,8 +78,7 @@ Wenn du einen Designhintergrund hast, könnte [diese Sammlung](http://reactforde Die React Dokumentation setzt fundierte JavaScript Sprachkentnisse voraus. Du musst keine Experte sein, aber es wird dir viel schwerer fallen, React und JavaScript gleichzeitig zu lernen. -Wir empfehlen dir diesen [JavaScript-Überblick](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) durchzugehen und deinen Wissensstand zu überprüfen. Es wird dich zwischen 30 Minuten und einer Stunde deiner Zeit -kosten, aber danach solltest du dich sicherer fühlen, React zu lernen. +Wir empfehlen dir diesen [JavaScript-Überblick](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) durchzugehen und deinen Wissensstand zu überprüfen. Es wird dich zwischen 30 Minuten und einer Stunde deiner Zeit kosten, aber danach solltest du dich sicherer fühlen, React zu lernen. >**Tipp:** > @@ -109,7 +106,7 @@ führen wir eine [Liste von empfehlenswerten Quellen](/community/courses.html). ### Fortgeschrittene Konzepte {#advanced-concepts} -Once you're comfortable with the [main concepts](#main-concepts) and played with React a little bit, you might be interested in more advanced topics. This section will introduce you to the powerful, but less commonly used React features like [context](/docs/context.html) and [refs](/docs/refs-and-the-dom.html). +Wenn du einmal mit den Huaptkonzepten vetraut bist und ein wenig mit React herumgespielt hast, bist du vielleicht an den fortgeschrittenen Konzepten interessiert. Dieser Abschnitt zeigt dir mächtige React-Funktionen, wie [context](/docs/context.html) und [refs](/docs/refs-and-the-dom.html), diese finden aber weniger häufig Verwendung. ### API Referenz {#api-reference} From 3d382cbd1528485a88ba72c74ba58f373ef4939b Mon Sep 17 00:00:00 2001 From: Daniel Date: Wed, 13 Feb 2019 13:53:47 +0100 Subject: [PATCH 10/10] Update content/docs/getting-started.md Co-Authored-By: ph1p --- content/docs/getting-started.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index 6bf9f6a68..c85ab599c 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -106,7 +106,7 @@ führen wir eine [Liste von empfehlenswerten Quellen](/community/courses.html). ### Fortgeschrittene Konzepte {#advanced-concepts} -Wenn du einmal mit den Huaptkonzepten vetraut bist und ein wenig mit React herumgespielt hast, bist du vielleicht an den fortgeschrittenen Konzepten interessiert. Dieser Abschnitt zeigt dir mächtige React-Funktionen, wie [context](/docs/context.html) und [refs](/docs/refs-and-the-dom.html), diese finden aber weniger häufig Verwendung. +Wenn du einmal mit den Hauptkonzepten vertraut bist und ein wenig mit React herumgespielt hast, bist du vielleicht an den fortgeschrittenen Konzepten interessiert. Dieser Abschnitt zeigt dir mächtige React-Funktionen, wie [context](/docs/context.html) und [refs](/docs/refs-and-the-dom.html), diese finden aber weniger häufig Verwendung. ### API Referenz {#api-reference}