react

Wie wertvoll sind Snapshot-Tests?

Die meisten Frontend-Entwickler kennen Snapshot-Tests aus dem Test-Framework ‘Jest’. Diese Tests versprechen laut offizieller Webseite folgendes Snapshot tests are a very useful tool whenever you want to make sure your UI does not change unexpectedly. https://jestjs.io/docs/snapshot-testing, aufgerufen am 29.12.2021 Wollen wir uns einmal kurz die Frage stellen, was ist an diesem Versprechen dran und wie …

Wie wertvoll sind Snapshot-Tests? Weiterlesen »

Was ist Memoization? Beispiel in JavaScript

Unter Memoization verstehen wir die Fähigkeit Programme schneller ausführen zu können aufgrund der Tatsache, dass wir vorherige Ergebnisse zwischenspeichern. Dies ermöglicht es z.B., komplexe Berechnungen durchzuführen und weiterhin die Oberfläche für den Benutzer responsive zu halten. Wollen wir uns einmal ansehen wie eine Memoization umsetzen können und wo wir diese gebrauchen können. Die Referenz Implementierung …

Was ist Memoization? Beispiel in JavaScript Weiterlesen »

Eigene React Hooks schreiben

Seit React Version 16.8, gibt es sogenannte Hooks. Heute wollen wir uns ansehen, wie wir selbst Hooks schreiben. Folgendes sollte bekannt sein: Um selbst React Hooks zu schreiben, brauchen wir nichts besonderes. Es reicht, zu verstehen, wie Funktionale Komponenten arbeiten. Sprich, ein React Hook ist nichts anderes, als eine Funktionale Komponente, welche bei jedem Neu-Zeichnen …

Eigene React Hooks schreiben Weiterlesen »

Material-UI in einer React-App hinzufügen

Material-UI bietet ein UI-Framework, welches das Material Design umsetzt. Material Design ist eine Design Sprache entwickelt von Google. Die Spezifikation dazu findet ihr auf https://material.io. Um nun bereits fertige Komponenten für eure React App zu benutzen, müsst ihr nicht viel tun, außer die Abhängigkeiten zu installieren. Dies könnt ihr mit folgendem Befehl bewerkstelligen: Somit installiert …

Material-UI in einer React-App hinzufügen Weiterlesen »