r3dst0rm

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 »

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 »