Revision 302: Zukunft und Vergangenheit von JS-Tools und Libraries

Published: June 19, 2017, 8:01 a.m.

Rodney und Peter hockten sich zusammen um \xfcber sehr neue und sehr alte\nJavaScript-Technologie zu schwafeln.\n\n\nSCHAUNOTIZEN\n\n[00:00:12] PREPACK\n\nPrepack ist ein \u201epartial evaluator for JavaScript\u201c. Prepack f\xfchrt, sofern\nm\xf6glich, den Initialisierungs-Code eines JS-Bundles in einem Compile-Schritt\naus, damit es der Browser nicht zur Laufzeit machen muss. Es werden z.B.\nClosures wegoptimiert und Berechnungen durchgef\xfchrt, wo immer dies m\xf6glich ist.\nIn eine \xe4hnliche Kerbe schl\xe4gt das bereits mehrfach in diesem Podcast erw\xe4hnte\noptimize-js, was weniger kann, aber schon eingesetzt werden kann. Prepack\nhingegen ist noch Alpha-Software (obwohl es schon ein Webpack-Plugin gibt), was\nwir anhand von mehreren Code-Samples erfahren.\n\n[00:13:32] FR\xdcHER WAR ALLES BESSER ANDERS\n\nDas HTTP Archive hat Statistiken \xfcber verbreitete JS-Libraries gesammelt und wir\nlassen es uns nicht nehmen, die Top\xa010 einzeln durchzusprechen. Auf Platz\xa01\nthront wenig \xfcberraschend jQuery, \xfcber jQuery UI auf Nummer\xa02 (und Rodneys\nSchwank zur position()-Funktion) wundern wir uns hingegen schon etwas. Zu den\nollen Polyfill-Libraries Modernizer (Platz\xa03) und YepNope (Platz\xa05) f\xe4llt uns\nvor allem eine Reflow-Visualisierung mit der alten Modernizer-Webseite als\nTestsubjekt ein. Bootstraps JS-Komponenten auf Platz\xa04 verwundern nur m\xe4\xdfig,\nFlexSlider an Position\xa06 war uns v\xf6llig unbekannt. Die Erinnerung an swfobject\n(Platz\xa07) bewegt Rodney zu Gest\xe4ndnissen aus einer Jugend voller ActionScript.\nDas achtplatzierte Underscore.js lebt in Form von lo-dash bis heute in unseren\npackage.json-Files weiter. Mit Grausen denken wir an die Google-Maps-API\n(Platz\xa09), wenn auch Peter neue Ideen zum nicht-sachgerechten Einsatz von Maps\nund Headless Browser anzubieten hat. Die Liste endet mit Moment.js auf Platz\xa010,\nwas uns aus irgendwelchen Gr\xfcnden zur PHP-Funktion strtotime() abschweifen\nl\xe4sst. Da das aber kein geeigneter Abschluss f\xfcr einen Podcast im Jahre des\nHerrn 2017 ist, wirft Rodney zum Schluss noch einen pers\xf6nlichen Platz\xa011 in die\nRunde: Libraries f\xfcr Layout-Rearrangements wie FLIP (was Rodneys Favorit Vue.js\nvon Haus aus macht). Libraries wie Vue und Tools wie Babel zeigen aber ganz klar\nauf wohin der Trend geht: weg von Insell\xf6sungen, hin zu integrierten Tools und\nFrameworks.\n\n\n[01:06:14] KEINE SCHAUNOTIZEN\n\nECMASCRIPT MODULES IN BROWSERS\n\nGewohnte Erkl\xe4rb\xe4r-Qualit\xe4t aus dem Hause Jake Archibald.\n\nGETTING STARTED WITH HEADLESS CHROME\n\nPhantomJS ist tot, es lebe Headless Chrome!\n\nTURNING WINDOWS INTO AN ENVIRONMENT READY FOR MODERN DEVELOPMENT\n\nTools f\xfcr Windows.\n\nINSTALL NPM PACKAGES GLOBALLY WITHOUT SUDO ON MACOS AND LINUX\n\nPakete global f\xfcr den jeweiligen User installieren.\n\nZEIT/PKG\n\nBundlet Node-Apps in Executables.\n\nVIDEOS VON DER JSCONF EU 2017\n\nSch\xf6ne kurze Talks.