Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Translated API-Referenz/ReactDOM #45

Closed
wants to merge 2 commits into from
Closed

Conversation

do-wa
Copy link

@do-wa do-wa commented Mar 19, 2019

No description provided.

@netlify
Copy link

netlify bot commented Mar 19, 2019

Deploy preview for de-reactjs ready!

Built with commit 8e0424b

https://deploy-preview-45--de-reactjs.netlify.com


- [`render()`](#render)
- [`hydrate()`](#hydrate)
- [`unmountComponentAtNode()`](#unmountcomponentatnode)
- [`findDOMNode()`](#finddomnode)
- [`createPortal()`](#createportal)

### Browser Support {#browser-support}
### Browser Unterstützung {#browser-support}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
### Browser Unterstützung {#browser-support}
### Browser-Unterstützung {#browser-support}

>
> We don't support older browsers that don't support ES5 methods, but you may find that your apps do work in older browsers if polyfills such as [es5-shim and es5-sham](https://github.com/es-shims/es5-shim) are included in the page. You're on your own if you choose to take this path.
> Wir unterstützen keine älteren Browser, die keine ES5 Methoden unterstützen. Möglicherweiße funktionieren deine Applikationen auch in älteren Browser, wenn Polyfills wie z.B. [es5-shim und es5-sham](https://github.com/es-shims/es5-shim) auf deiner Seite eingebunden sind. Du bist auf dich alleine gestellt, wenn du diesen Weg einschlägst.
Copy link
Member

@ph1p ph1p Apr 24, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
> Wir unterstützen keine älteren Browser, die keine ES5 Methoden unterstützen. Möglicherweiße funktionieren deine Applikationen auch in älteren Browser, wenn Polyfills wie z.B. [es5-shim und es5-sham](https://github.com/es-shims/es5-shim) auf deiner Seite eingebunden sind. Du bist auf dich alleine gestellt, wenn du diesen Weg einschlägst.
> Wir unterstützen keine älteren Browser, die über keine ES5 Methoden verfügen. Möglicherweise funktionieren deine Anwendungen auch in älteren Browsern, wenn Polyfills wie z.B. [es5-shim und es5-sham](https://github.com/es-shims/es5-shim) auf deiner Seite eingebunden sind. Du bist jedoch dann auf dich alleine gestellt, wenn du diesen Weg gehst.

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggestion:

Wir unterstützen keine älteren Browser, die über keine ES5 Methoden verfügen. Möglicherweiße funktionieren deine Anwendungen auch in älteren Browsern, wenn Polyfills wie z.B. es5-shim und es5-sham auf deiner Seite eingebunden sind. Du bist jedoch dann auf dich alleine gestellt, wenn du diesen Weg gehst.


### `render()` {#render}

```javascript
ReactDOM.render(element, container[, callback])
```

Render a React element into the DOM in the supplied `container` and return a [reference](/docs/more-about-refs.html) to the component (or returns `null` for [stateless components](/docs/components-and-props.html#functional-and-class-components)).
Render ein React Element in das DOM in dem zur Verfügung gestellten `container` und gib eine [Referenz](/docs/more-about-refs.html) zur Komponente zurück (oder `null` für [Funktionale Komponenten](/docs/components-and-props.html#functional-and-class-components)).
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Render ein React Element in das DOM in dem zur Verfügung gestellten `container` und gib eine [Referenz](/docs/more-about-refs.html) zur Komponente zurück (oder `null` für [Funktionale Komponenten](/docs/components-and-props.html#functional-and-class-components)).
Rendert ein React Element in das DOM in dem zur Verfügung gestellten `container` und gibt eine [Referenz](/docs/more-about-refs.html) zur Komponente zurück (oder `null` für [Funktionale Komponenten](/docs/components-and-props.html#functional-and-class-components)).

>
> `ReactDOM.render()` controls the contents of the container node you pass in. Any existing DOM elements inside are replaced when first called. Later calls use React’s DOM diffing algorithm for efficient updates.
> `ReactDOM.render()` kontrolliert den Inhalt des Container Knoten den du übergeben hast. Jedes darin existierende DOM Element wird beim ersten Aufruf ersetzt. Spätere Aufrufe nutzen Reacts DOM diffing Algorithmus für effiziente Updates.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
> `ReactDOM.render()` kontrolliert den Inhalt des Container Knoten den du übergeben hast. Jedes darin existierende DOM Element wird beim ersten Aufruf ersetzt. Spätere Aufrufe nutzen Reacts DOM diffing Algorithmus für effiziente Updates.
> `ReactDOM.render()` kontrolliert den Inhalt des Container-Knoten den du übergeben hast. Jedes darin existierende DOM Element wird beim ersten Aufruf ersetzt. Spätere Aufrufe nutzen Reacts DOM Differenzierungs-Algorithmus für effiziente Updates.

>
> `ReactDOM.render()` does not modify the container node (only modifies the children of the container). It may be possible to insert a component to an existing DOM node without overwriting the existing children.
> `ReactDOM.render()` verändert nicht den Container Knoten (es werden nur die untergeordneten Container Elemente modifiziert). Es kann möglich sein eine Komponente in einen existierenden DOM Knoten einzufügen ohne die bereits existierenden untergeordneten Elemente zu überschreiben.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
> `ReactDOM.render()` verändert nicht den Container Knoten (es werden nur die untergeordneten Container Elemente modifiziert). Es kann möglich sein eine Komponente in einen existierenden DOM Knoten einzufügen ohne die bereits existierenden untergeordneten Elemente zu überschreiben.
> `ReactDOM.render()` verändert nicht den Container-Knoten (es werden nur die untergeordneten Container Elemente modifiziert). Es kann möglich sein, eine Komponente in einen existierenden DOM Knoten einzufügen ohne die bereits existierenden untergeordneten Elemente zu überschreiben.

@@ -80,28 +80,29 @@ Remember to be mindful of user experience on slow connections. The JavaScript co
ReactDOM.unmountComponentAtNode(container)
```

Remove a mounted React component from the DOM and clean up its event handlers and state. If no component was mounted in the container, calling this function does nothing. Returns `true` if a component was unmounted and `false` if there was no component to unmount.
Entfernt eine React Komponente die gemounted wurde von dem DOM und entfernt ihren State, sowie Event Handler. Wenn keine Komponente im Container gemounted ist, tut der Aufruf dieser Funktion nichts. Gibt `true` zurück, wenn eine Komponente erfolgreich unmounted wurde, andernfalls `false`.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Entfernt eine React Komponente die gemounted wurde von dem DOM und entfernt ihren State, sowie Event Handler. Wenn keine Komponente im Container gemounted ist, tut der Aufruf dieser Funktion nichts. Gibt `true` zurück, wenn eine Komponente erfolgreich unmounted wurde, andernfalls `false`.
Entfernt eine React Komponente die gemounted wurde von dem DOM und entfernt ihren State, sowie Event-Handler. Wenn keine Komponente im Container gemounted ist, macht der Aufruf dieser Funktion nichts. Gibt `true` zurück, wenn eine Komponente erfolgreich geunmounted wurde, andernfalls `false`.

>
> `findDOMNode` is an escape hatch used to access the underlying DOM node. In most cases, use of this escape hatch is discouraged because it pierces the component abstraction. [It has been deprecated in `StrictMode`.](/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage)
> `findDOMNode` ist eine Notlösung die genutzt wird um auf den zugrunde liegenden DOM Knoten zuzugreifen. In den meisten Fällen wird von der Nutzung dieser Notlösung abgeraten, da es die Abstraktion durch Komponenten löchrig macht. [Die Nutzung ist im `StrictMode` veraltet.](/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
> `findDOMNode` ist eine Notlösung die genutzt wird um auf den zugrunde liegenden DOM Knoten zuzugreifen. In den meisten Fällen wird von der Nutzung dieser Notlösung abgeraten, da es die Abstraktion durch Komponenten löchrig macht. [Die Nutzung ist im `StrictMode` veraltet.](/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage)
> `findDOMNode` ist eine Notlösung die genutzt wird um auf den zugrunde liegenden DOM-Knoten zuzugreifen. In den meisten Fällen wird von der Nutzung abgeraten, da es die Abstraktion durch Komponenten löchrig macht. [Die Nutzung ist im `StrictMode` veraltet.](/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage)


When a component renders to `null` or `false`, `findDOMNode` returns `null`. When a component renders to a string, `findDOMNode` returns a text DOM node containing that value. As of React 16, a component may return a fragment with multiple children, in which case `findDOMNode` will return the DOM node corresponding to the first non-empty child.
Ist die übergebene Komponente im DOM gemounted, gibt sie das passende native Browser DOM Element zurück. Die Methode ist nützlich um Werte aus Formfelder im DOM auszulesen oder Messungen im DOM auszuführen. **In den meisten Fällen kannst du eine Ref an den DOM Knoten anhängen und die Nutzung von `findDOMNode` komplett vermeiden.**
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Ist die übergebene Komponente im DOM gemounted, gibt sie das passende native Browser DOM Element zurück. Die Methode ist nützlich um Werte aus Formfelder im DOM auszulesen oder Messungen im DOM auszuführen. **In den meisten Fällen kannst du eine Ref an den DOM Knoten anhängen und die Nutzung von `findDOMNode` komplett vermeiden.**
Ist die übergebene Komponente im DOM gemounted, gibt sie das passende native Browser-DOM-Element zurück. Die Methode ist nützlich um Werte aus Formfelder im DOM auszulesen oder Messungen im DOM auszuführen. **In den meisten Fällen kannst du eine Referenz an den DOM-Knoten anhängen und die Nutzung von `findDOMNode` komplett vermeiden.**

>
> `findDOMNode` only works on mounted components (that is, components that have been placed in the DOM). If you try to call this on a component that has not been mounted yet (like calling `findDOMNode()` in `render()` on a component that has yet to be created) an exception will be thrown.
> `findDOMNode` funktioniert nur bei gemounteten Komponenten (also Komponenten die in das DOM platziert wurden). Versuchst du einen Aufruf bei einer Komponente die noch nicht gemounted wurde (z.B. beim Aufruf von `findDOMNode()` in `render()` innerhalb einer Komponente die noch nicht erstellt wurde) wird eine Ausnahme geworfen.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
> `findDOMNode` funktioniert nur bei gemounteten Komponenten (also Komponenten die in das DOM platziert wurden). Versuchst du einen Aufruf bei einer Komponente die noch nicht gemounted wurde (z.B. beim Aufruf von `findDOMNode()` in `render()` innerhalb einer Komponente die noch nicht erstellt wurde) wird eine Ausnahme geworfen.
> `findDOMNode` funktioniert nur bei gemounteten Komponenten (Komponenten die in das DOM platziert wurden). Versuchst du einen Aufruf bei einer Komponente die noch nicht gemounted wurde (z.B. beim Aufruf von `findDOMNode()` in `render()` innerhalb einer Komponente die noch nicht erstellt wurde) wird eine Ausnahme geworfen.

@@ -111,4 +112,4 @@ When a component renders to `null` or `false`, `findDOMNode` returns `null`. Whe
ReactDOM.createPortal(child, container)
```

Creates a portal. Portals provide a way to [render children into a DOM node that exists outside the hierarchy of the DOM component](/docs/portals.html).
Erstellt ein Portal. Portale sind ein Weg um [untergeordnete Elemente in einen DOM Knoten zu rendern die außerhalb der Hierarchie der DOM Komponente existieren](docs/portals.html).
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Erstellt ein Portal. Portale sind ein Weg um [untergeordnete Elemente in einen DOM Knoten zu rendern die außerhalb der Hierarchie der DOM Komponente existieren](docs/portals.html).
Erstellt ein Portal. Portale sind ein Weg um [untergeordnete Elemente in einen DOM-Knoten zu rendern der außerhalb der Hierarchie, der DOM-Komponente liegt](docs/portals.html).

@miku86
Copy link
Member

miku86 commented Jul 1, 2019

Hey @do-wa ,

how are you doing on your task?
Is anything holding you back?
How can we help you?

Thanks
Michael

@ph1p
Copy link
Member

ph1p commented Jul 23, 2019

Hi @do-wa,

Please accept or decline the suggestions. So we can merge your translation.

@ph1p ph1p added needs review from author First review completed. All changes are processed and a final review is required. and removed completed - needs review 🧐 labels Aug 22, 2019
@miku86
Copy link
Member

miku86 commented Oct 27, 2019

@ph1p
Any idea how to tackle this one?

@ph1p ph1p added the idle This PR is idle and the creator has not touched it for a long time. label Nov 18, 2019
@ph1p
Copy link
Member

ph1p commented Nov 18, 2019

@ph1p
Any idea how to tackle this one?

The easiest way, is to copy the translated file and create a new PR.

ph1p added a commit that referenced this pull request Nov 18, 2019
Signed-off-by: ph1p <phil@capshake.com>
@ph1p ph1p mentioned this pull request Nov 18, 2019
@ph1p
Copy link
Member

ph1p commented Nov 18, 2019

Closed by #127

@ph1p ph1p closed this Nov 18, 2019
@ph1p ph1p removed idle This PR is idle and the creator has not touched it for a long time. needs review from author First review completed. All changes are processed and a final review is required. labels Nov 18, 2019
ph1p added a commit that referenced this pull request Nov 18, 2019
Co-authored-by: do-wa
ph1p added a commit that referenced this pull request Nov 18, 2019
Co-authored-by: do-wa
@do-wa
Copy link
Author

do-wa commented Nov 18, 2019

@ph1p
@miku86
I'm sorry for the problems this has created. I was honestly thinking that this Merge Request was already finished. I don't want to make any other excuses besides that this was my first Pull Request in GitHub :(
This was my fault. Won't happen again.

Have a nice week

@ph1p
Copy link
Member

ph1p commented Nov 18, 2019

@ph1p
@miku86
I'm sorry for the problems this has created. I was honestly thinking that this Merge Request was already finished. I don't want to make any other excuses besides that this was my first Pull Request in GitHub :(
This was my fault. Won't happen again.

Have a nice week

Oh, no problem. We just have to make sure that not too many idle PRs are created and this one is more than half a year ago now.

And don't let it stop you from doing more PRs in the future. Just keep an eye on them ;)

We appreciate your work! Great job! Hope you can understand us .

Have a nice week, too (:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants