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? Read More »
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 Read More »
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 Read More »
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 Read More »