type-safety

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 »

Type | Treat (Type or Treat) – Tag 5/5

Die Challenge neigt sich dem Ende. Auch am letzen Tag bekommen wir nochmals eine tolle Challenge. Der erste Teil der Challenge ist es, die Schema Namen entsprechend aus der Konstante zu generieren: Im nächsten Schritt, soll die Object.keys Funktion so angepasst werden, dass die ‘Scheme Items’ zurück gegeben werden. Ich habe hier bewusst auf einen …

Type | Treat (Type or Treat) – Tag 5/5 Weiterlesen »

Type | Treat (Type or Treat) – Tag 4/5

Auch am vierten Tag, gibt es wieder zwei coole Challenges. Werfen wir einen Blick auf die Ausgangssituation, die ‘getBowl’ Funktion verliert den Typen und wir müssen einen Compiler-Fehler erzeugen. Im zweiten Teil der Challenge, müssen wir die Funktion ‘fillBowls’ so erweitern, dass die Typen ein String Literal ergeben anstelle eines ‘string;’ Die Funktion ‘getBowl’ kann …

Type | Treat (Type or Treat) – Tag 4/5 Weiterlesen »

Type | Treat (Type or Treat) – Tag 3/5

Auch am dritten Tag gibt es wieder zwei Challenges (Beginner und Intermediate). Zunächst blicken wir wie die Tage zuvor auf die Beginner Challenge. In dieser war es wichtig, das Konzept der String Literals zu kennen und anwenden zu können. Demnach ist die Aufgabe wie folgendermaßen lösbar: Intermediate Die Intermediate Challenge hatte es jedoch etwas in …

Type | Treat (Type or Treat) – Tag 3/5 Weiterlesen »

Type | Treat (Type or Treat) – Tag 2/5

Kommen wir nun zum zweiten Tag, der Type or Treat Challenge. Lass uns gemeinsam heute einen Blick auf meinen Lösungsansatz bzw. Lösungsvorschlag werfen. In dieser Challenge, bekommen wir eine Liste an Kürbissen. Aus diesen sollen wir drei Typen ableiten, um diese Kürbisse entsprechend kategorisieren zu können. Damit wir dies korrekt ableiten können, hier einmal die …

Type | Treat (Type or Treat) – Tag 2/5 Weiterlesen »

Eine Einführung in TypeScript – Typsicher JavaScript entwickeln

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. https://www.typescriptlang.org/ TypeScript bietet ein Typsystem, welches auf JavaScript aufbaut. Dies bedeutet, der TypeScript Kompiler, kann frühzeitig Fehler im Code entdecken und den Entwickler (also uns) daran hindern, etwas dummes zu tun. Im Folgenden möchte ich Dir eine kleine Einführung in TypeScript geben.

TypeScript: Generatoren (Generators)

Generatoren sind Funktionen, die verlassen und später wieder betreten werden können. Ihr Kontext (Variablenbindung) bleibt über die Wiedereintritte hinweg erhalten. https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Statements/function*#Beschreibung Diese Generatoren Funktion gibt sieben zufällige Zahlen aus, welche mit Math.random erzeugt werden. Generatoren können mit einer for … of Schleife iteriert werden. Was im Grunde genommen, folgenden Aufrufen gleicht: Der Aufruf .next() enthält …

TypeScript: Generatoren (Generators) Weiterlesen »