Folge 16: TypeScript - Kompilier den Kram doch!

Heuer lernt der geneigte Holger, dass Bieröffnen am Laptop durchaus riskant sein kann. Aber wir sind ja für unsere Cobra-11-mäßigen Stunts bekannt! Holger wrackt dabei direkt mal sein MacBook mit dem Bier, welches wir von Andreas von den Alltagsabenteuern bekommen haben.

Heuer lernt der geneigte Holger, dass Bieröffnen am Laptop durchaus riskant sein kann. Aber wir sind ja für unsere Cobra-11-mäßigen Stunts bekannt! Holger wrackt dabei direkt mal sein MacBook mit dem Bier, welches wir von Andreas von den Alltagsabenteuern bekommen haben. Aber gut – die Apokalypse konnte so gerade noch abgewendet werden! Also Danke und Kudos für das Hörerbier! Bierspenden werden ab sofort angenommen und mit namentlicher Nennung im Podcast verköstigt. Ach ja, nachdem die Reaper Routing Matrix dann sitzt, reden wir natürlich auch noch über Technik. Diesmal geht es um TypeScript. Also JavaScript mit Typen. Klingt irgendwie geil, aber irgendwie auch nicht. Wir klären mal wieder ultimativ, ob Typisierung für die Frontend-Entwicklung Fluch oder Segen ist! Wer kommt bei dem Wust an Tools wie create-react-app, Yeoman und Angular CLI überhaupt noch klar? Zeigt sich gar: Wer von ein paar offenen iMessages nicht ins Schwitzen gerät, kann auch das ein oder andere Tool jonglieren. Liegt die Rettung der Welt am Ende doch mal wieder in funktionalen Sprachen wie elm? Was hat eigentlich React mit dem Ganzen zu tun? Wir müssen reden!

Die Bierspende dieser Folge haben wir von Andreas von Alltagsabenteuer erhalten. Vielen Dank dafür!
Von Andreas kommt auch das legendäre Knotenvideo.
Im CRE Podcast Folge 194 zum Thema Bier erfahrt ihr mehr zum Störtebeker Bier und den Schwierigkeiten beim Bierbrauen auf Roggenbasis.
Zum Thema Störtebeker gibt es die legendäre B-Seite von Running Wild.
In Nordisch by Nature von Fettes Brot wird der gute Herr Störtebeker ebenfalls genannt.
Wir nutzen für diese Aufnahme UltraSchall. Wie einfach das sein kann, zeigt zum Beispiel dieses Tutorial Video zum Thema Routing. Also super Tool, hat aber schon seine Einstiegshürde.
Routing kennt man ja von Mule.
Dieser Tweet ist Beweis für Benedikts JavaScript-Hass.
Mit create-react-app kann man schnell und einfach neue React-Projekte aufsetzen.
Unten drunter nutzt create-react-web webpack als Build Tool. Webpack ist zwar flexibler, dadurch aber auch komplizierter.
yeoman ist ein etwas älterer Ansatz um JavaScript Projekte anzulegen, ist vergleichbar zu create-react-app, ist aber nicht auf React festgelegt.
Weitere Tools, um JavaScript Projekte zu aufzusetzen, sind Angular CLI und EmberCLI.
Dan Abramov hat create-react-app erfunden. Und bestimmt noch ganz viele andere coole Dinge…
Von create-react-app gibt es auch einen Fork, welcher ein TypeScript Projekt erzeugt.
TodoMVC ist ein Beispielprojekt für verschiedenste UI-Frameworks.
Flow ist eine Alternative zu TypeScript.
TypeScript wird von Microsoft entwickelt, ebenso wie Visual Studio Code. Die Unterstützung für TypeScript in VC Code ist deshalb ziemlich gut.
Bei egghead.io gibt es jede Menge Tutorial Videos zu React.
Die Typdefinitionen für TypeScript werden unter Definitely Typed verwaltet.
Davor gab es auch Typings.
Es gibt diverse Wrapper für React. React-Bootstrap definiert zum Beispiel Komponenten für für Bootstrap.
Die Typisierung der connect Methode in react-redux ist verrückt. Verlauft euch nicht!
elm ist eine funktionale und statisch typisierte Sprache, welche an Haskell erinnert und nach JavaScript kompiliert wird.
Der Bastian Krol hat beim Working Draft über elm gesprochen.
In react-redux-typescript gibt es eine returnTypeOf Methode.
Hier noch ein Bild vom ersten offiziellen Hörertreffen.

Bier

Wir trinken die Biere aus Andreas Bierspende:

Bernstein Weizen von Störtebeker
India Pale Ale von der Spencer Brewery