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 »
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.
Eine Einführung in TypeScript – Typsicher JavaScript entwickeln Read More »
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) Read More »
In TypeScript können wir Typen benutzen, uns vom Compiler helfen lassen sowie diesen auch vorübergehend abschalten. Wie können wir aber anhand eines Diskriminators den Typ einer Variable reduzieren, ohne ständig if und else dafür zu nutzen? Seht euch folgendes Beispiel an: Wir haben hier eine TypeGuard Methode welche prüft, ob ein angegebener Wert definiert ist.
TypeScript: TypeGuards Read More »