Revision 166: Open Source, React und AssetGraph

Eine weitere Woche mit einem Gast. Diesmal ist Pascal Hartig aka. Passy vom Yeoman– und Todo-MVC-Team mit dabei. KEINE NEWS SCHAUNOTIZEN [00:00:58] OPEN SOURCE Pascal spricht über seine Arbeit im Open-Source-Bereich und erzählt vom Anfang seiner Karriere mit 24 Pull Requests. Dadurch wurde vom TodoMVC-Team rekrutiert, kurz danach folgte Yeoman, dann Bower und nun arbeitet er bei Twitter in London. Pascal erzählt von der Balance zwischen „normaler“ Arbeit und Open Source, dem Unterschied zwischen einer kleiner Agentur und der großen Firma Twitter. Für alle, die auch so enden möchten, gibt er als Tipp, dass man konsistent an OSS Projekten mitarbeitet und nicht nur hier und da ein Pull Request erstellt. [00:20:43] REACT Pascals Wunschthema ist Facebooks React, eine Bibliothek für User Interfaces, dessen Hauptfunktion die Erstellung von wiederverwertbaren Komponenten ist. Pete Hunts Talk gibt nähere Einblicke zur Funktionalität: HTML in JS durch virtuelles DOM erstellen, das mit nativem DOM verglichen wird. Das Interessante an React ist, dass es auch mit anderen Frameworks, wie AngularJS o. Ä., kombinierbar ist, da sich React nur um die Views kümmert. Der größte Nachteil ist wohl die Kombination mit anderen DOM-verändernden Libraries (wie z. B. jQuery), aber auch dieses Problem ist laut Pascal, unter Kontrolle zu bekommen. Reacts Starting-Tutorial ist auf jeden Fall einen Blick wert. [00:31:29] ASSETGRAPH AssetGraph ist der Versuch einen Graphen einer Webseite abzubilden – welche Ressourcen werden von welchen anderen Ressourcen verwendet. Dadurch ergeben sich Möglichkeiten, wie intelligentes Autocomplete in der IDE, einfache Diagnose von Problemen, Optimierung von Web-Seiten und Applikationen. Die Nachteile sind allerdings die hohe Komplexität und, durch seine Neuartigkeit, die gegebenenfalls noch etwas mühsame Benutzung. [00:39:34] KEINE SCHAUNOTIZEN JSON GENERATOR Generiert JSON passend zur API-Definition. STATUS IE Status IE ist eine Aufzeichnung der aktuellen Feature-Implementierung in Internet Explorer. Chromes Pendent dazu gibt’s hier. NODE JSCS Ein JavaScript Code Style Checker – mehr als nur JSHint. [00:41:33] TIPP(S) DER WOCHE VISIBILITY: VISIBLE UNDOES VISIBILITY: HIDDEN Setzt man visibility: hidden auf ein Element, kann man ein Kinds-Element mit visibility: visible wieder sichtbar machen. USE OF .APPLY() WITH ’NEW‘ OPERATOR. IS THIS POSSIBLE? Beliebig viele Argumente an einen Constructor in JavaScript mit Function.prototype.bind übergeben.