Monat: Mai 2020

Java Optionals in TypeScript

Optionals in Java haben sich als starkes und wertvolles Konstrukt erwiesen. Java Entwickler die zu TypeScript wechseln, vermissen oftmals dieses Feature. Heute möchten wir uns ansehen, wie wir Optionals in TypeScript implementieren können. Ziel von Optionals ist es, unnötige null checks zu verhindern und den Code somit leserlicher und kürzer zu halten. Um Optionals zu …

Java Optionals in TypeScript Weiterlesen »

Map oder Filter auf Iterator Objekten

Laut MDN gibt die Funktion Map#keys() ein Iterator zurück. Mit Hilfe der Funktion Array#from können wir daraus ein Array machen welches die Funktionen filter, map etc. hat. Wenn man aber nicht Array#from benutzen möchte, kann man hier für auch einfach Hilfsmethoden implementieren, die von einem Iterator gebrauch machen. Im Folgenden zeige ich euch für filter …

Map oder Filter auf Iterator Objekten 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 »

Java Predicates in TypeScript

Jeder Java Entwickler sie, Predicates. Ein hilfreiches Features, welches mit Java 8 Einzug in das JDK fand. Es gibt viele sinnvolle Einsatz Gebiete dafür, z.B. das Abstrahieren von Validierungslogik uvm. Heute möchte ich euch eine Möglichkeit zeigen, wie ihr die Predicates auch in TypeScript (sprich eure React, Angular, uvm. Anwendungen) integrieren könnt. Dazu orientiere ich …

Java Predicates in TypeScript 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 »