Skip to content

Commit

Permalink
Update content/docs/thinking-in-react.md
Browse files Browse the repository at this point in the history
Co-Authored-By: Phil <phil@capshake.com>
  • Loading branch information
miku86 and ph1p authored Jun 10, 2019
1 parent 7a944e7 commit 8adc800
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion content/docs/thinking-in-react.md
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ Du siehst hier, dass wir fünf Komponenten in unserer einfachen Anwendung haben.

Wenn du dir `ProductTable` anschaust, wirst du feststellen, dass der Tabellenkopf (mit den Bezeichnungen "Name" und "Price") keine eigene Komponente ist. Das ist eine Frage der Präferenz und es gibt Argumente für beide Seiten. Für dieses Beispiel haben wir ihn als Teil von `ProductTable` gelassen, da er Teil der Darstellung der *Daten* ist, die in der Verantwortung von `ProductTable` liegt. Wenn diese Kopfzeile jedoch immer komplexer werden sollte (d.h. falls wir beispielsweise eine Sortierung hinzufügen würden), wäre es sicherlich sinnvoll, diese Kopfzeile zu einer eigenen `ProductTableHeader`-Komponente zu machen.

Nachdem wir nun die Komponenten in unserem Mock-Up identifiziert haben, lass uns diese in eine Hierarchie einordnen. Das ist einfach. Komponenten, die innerhalb einer anderen Komponente im Mock-Up erscheinen, sollten als Kind in der Hierarchie erscheinen:
Lass uns nachdem wir nun die Komponenten in unserem Mock-Up identifiziert haben, sie in eine Hierarchie einordnen. Das ist einfach. Komponenten, die innerhalb einer anderen Komponente im Mock-Up erscheinen, sollten als Kind in der Hierarchie erscheinen:

* `FilterableProductTable`
* `SearchBar`
Expand Down

0 comments on commit 8adc800

Please sign in to comment.