Computers and IT

Privacy policy

General

Simple Zeichnen-App is developed by one main developer, with a few people helping from time to time, mostly with translations.

Privacy Policy ("Policy") describes how information obtained from users is collected, used and disclosed.

By using Simple Zeichnen-App, you agree that your personal information will be handled as described in this Policy.

The app has no internet access, so it is not sending anything outside the device whatsoever.

Information being collected

Simple Zeichnen-App does not collect any personal identifiable information.

The `WRITE_EXTERNAL_STORAGE` permission is used only for opening and saving files.

The `READ_EXTERNAL_STORAGE` permission is used only for opening and saving files.

Changes to the Policy

If the Policy changes, the modification date below will be updated. The Policy may change from time to time, so please be sure to check back periodically.

Disclaimer 
The author assumes no liability for the topicality, correctness, completeness or quality of the application. Liability claims against the author relating to material or immaterial damage caused by the use or non-use of the information provided or by the use of incorrect or incomplete information are excluded in principle, unless the author can be proven to have acted with intent or gross negligence fault exists. The author expressly reserves the right to change, supplement or delete parts of the application or the entire product or to temporarily or permanently discontinue publication without prior notice.

Last modified: 25 September, 2022.

Contact

If you have any questions about the Policy, please contact me via office@ways4.me

Sorry, this entry is only available in German.

Sorry, this entry is only available in German.

Sorry, this entry is only available in German.

Ein React-Pattern, das im Coding von React Frontends Berücksichtigung finden sollte, ist das Container-Komponenten-Pattern.

Die Idee ist einfach:

Ein Container ruft Daten ab und rendert dann die entsprechende Unterkomponente. So simpel.

"Entsprechend" bedeutet eine Komponente mit demselben Namensbestandteil:

GuineaPigsContainer => GuineaPigs
AnimalsContainer => Animals
EventListContainer => EventList

Konzept verstanden ?

Warum Container?

Angenommen, du hast eine Komponente, die Kommentare anzeigt. Da du noch nichts vom Container-Komponenten-Pattern gehört hast, platzierst du deinen Code so, dass  alles an einem Ort ist:

class CommentList extends React.Component {
  this.state = { comments: [] };

  componentDidMount() {
    fetchSomeComments(comments =>
      this.setState({ comments: comments }));
  }  render() {
    return (
      <ul>
        {this.state.comments.map(c => (
          <li>{c.body}—{c.author}</li>
        ))}
      </ul>
    );
  }
}

Deine Komponente ist sowohl für das Abrufen als auch für das Präsentieren von Daten verantwortlich. Daran ist nichts „Falsches“, aber einige Vorteile von React werden damit nicht nutzbar, zB:

Wiederverwendbarkeit

CommentList kann nur unter genau den gleichen Umständen wiederverwendet werden.

Datenstruktur

Die Markup-Komponenten sollten die Erwartungen an die benötigten Daten angeben. PropTypes sind dafür optimal.
Unsere Komponente hat eine Erwartung an die Datenstruktur, kann diese jedoch nicht ausdrücken. Wenn sich der json-Endpunkt ändert, wird der Datenfluß zur Komponente unterbrochen (silent).

Noch einmal. Diesmal mit einem Container

Lass uns zunächst den Datenabruf in eine Containerkomponente verlagern:

class CommentListContainer extends React.Component {
  state = { comments: [] };  componentDidMount() {
    fetchSomeComments(comments =>
      this.setState({ comments: comments }));
  }  render() {
    return <CommentList comments={this.state.comments} />;
  } 
}

Lass uns nun CommentList überarbeiten, um comments als prop zu verwenden:

const CommentList = props =>
  <ul>
    {props.comments.map(c => (
      <li>{c.body}—{c.author}</li>
    ))}
  </ul>

Also, was haben wir damit erreicht ?

Tatsächlich eine ganze Menge....

• Wir haben das Abrufen und Rendern von Daten getrennt.
• Wir haben unsere CommentList-Komponente wiederverwendbar gemacht.
• Wir haben CommentList die Möglichkeit gegeben, PropTypes festzulegen und damit ggf. auch im Fehlerfall "laut" zu scheitern.

Containerkomponenten können die Struktur und Lesbarkeit von React-Code erheblich verbessern und sie erleichtern das Lesen des Komponenten-Codes.

Probiere es aus !