JSConf Iceland 2016
who it's for
front-end developers, JavaScript developers, full-stack developers, frontend architects, web performance engineers, mobile web developers, engineering managers
topics
React rendering and keys; Service Worker and Cache API; WebVR with A-Frame and three.js; Electron desktop applications; Web Bluetooth and BLE sensors; GPU computation with WebGL; Speech Recognition on the Web; CSS custom properties with RxJS; Node.js at scale with Docker; JavaScript engine internals and JITs; npm ecosystem resilience and unpublish policy; Progressive rendering and critical path
| title | author | length |
|---|---|---|
| #notalljavascript (How to deal with 3rd party JS) | Malte Ubl | 22m |
AMP shows concrete defenses: measure visibility with IntersectionObserver instead of expensive getBoundingClientRect polling, contain third‑party code in an… | ||
| A cartoon guide to performance in React | Lin Clark | 28m |
Walks through React’s render algorithm by building a small list UI and exercising clicks so the virtual DOM batching behavior is visible, demonstrates a… | ||
| On left-pad and empathy: understanding human connection | Myles Borins | 25m |
Argument: empathy is a learnable engineering practice that prevents failures like left-pad where an unpublished module breaks the ecosystem and npm changed… | ||
| Why you should care about the VR Web - and how to build it! | Liv Erickson | 30m |
Browser VR is already practical: the WebVR API (supported in Firefox Nightly and Chromium) plus libraries like three.js, Babylon, A-Frame and Unity→WebGL… | ||
| Reactive Animations with CSS Variables | David Khourshid | 31m |
Shows how CSS variables and RxJS combine to push event streams into style values: using event observables, element.style.setProperty, and a tiny glue library… | ||
| React: Learn Once Write Anywhere | Brian Holt | 27m |
Claim: learning React’s component model and one‑way data flow lets the same ideas target many runtimes. Shows a working command‑line UI built with blessed and… | ||
| The First Engineer's Dilemma | Alex Kaminsky | 23m |
ReutersTV is a personalized video news app on iOS Android Apple TV and web and the first web engineer builds the web front end using React (no Flux/Redux)… | ||
| Bicycle.js | Max Goodman | 27m |
Builds a working mobile bike computer that connects Chrome’s experimental Web Bluetooth (flagged) to BLE sensors — a Mayo gesture ring, a heart rate monitor… | ||
| Spinning up an Electron App - Desktop Apps in JavaScript | Katrina Uychaco | 25m |
Builds a lightweight menu‑bar desktop app using Electron (Chromium + Node.js), communicates between renderer and main via IPC, and controls a physical BB8… | ||
| The New Mobile Web: Service Worker, Push, and App Manifests | Dan Callahan | 33m |
Browsers add concrete APIs: Service Worker lets a domain run a background proxy, use the caches API to prefill files and intercept fetches (the demo works with… | ||
| Demystifying (JavaScript) engines | Alejandro Oviedo García | 17m |
Explains a concrete engine pipeline: parser → bytecode interpreter → baseline JIT → optimizing JIT, with named implementations and thresholds (SpiderMonkey… | ||
| User experience is everything | Dag-Inge Aas | 29m |
A browser WebRTC product called appear.in launches after a six‑week intern demo and grows via Hacker News and Reddit because it is no login, no install and… | ||
| Why is a Guinea Pig Like a Microservice? | Justin Falcone | 25m |
A virtual guinea pig colony called critter ville models entities (critters, poop, fixtures), verbs (eat, clean, leave) and traits (hunger, fear) and implements… | ||
| Recreate Masterpieces of Modern Art with JavaScript! | Amy Cheng | 26m |
Recreates Damien Hirst spot paintings and Piet Mondrian compositions on an HTML5 canvas using p5js and dat.gui, draws thousands of circles and generates four… | ||
| Breaking the monolith with Node and Docker at Netflix | Tsubomi Imamura | 27m |
Netflix migrates a Java UI data API monolith into many Node services running in Docker, claiming per-service runtime isolation, independent scaling, and the… | ||
| Dirty little front-end tricks | Vitaly Friedman | 42m |
Concrete hacks and results: using the object tag to nest links and embed SVGs so inline links survive and SVGs stay styleable; applying ::before/::after on img… | ||
| You Don't Know Node.js | Azat Mardan | 34m |
Dives into concrete Node.js mechanics with runnable examples: readFileSync vs readFile shows blocking behavior, streams process an 8MB infographic so streaming… | ||
| Arbitrary Computation on the GPU Using WebGL | Seth Samuel | 23m |
WebGL is used to pass arbitrary arrays as WebGL textures as input to fragment shaders, compute things like matrix multiplication on the GPU, and serialize… | ||
| Speech Recognition on the Web | Mihai Cîrlănaru | 16m |
Shows a pure JavaScript speech recognizer that runs on the client and recognizes digits with a reported real time factor 0.082, demonstrates interim vs final… | ||
| If One Laptop per Child were started today, how JavaScript-y would it be? | Nick Doiron | 32m |
If OLPC restarts today it skips bespoke hardware and custom OS and ships browser-first lessons, a web-based Sugarizer port of activities, offline Intel NUC… | ||
| JavaScript on tiny, wearable hardware | Heiko Behrens | 34m |
Claims that full ECMAScript 5.1 runs on a Pebble by porting JerryScript into a 64 KB app environment and shipping the Tic Toc watch face as proof. Uses… | ||
| The npm website: a tale of wonder and woe (and wombats!) | Raquel Vélez | 26m |
npm has 350,000+ packages and a search built on ElasticSearch still in use; the web team is three people inside a 24‑person company and ships marketing pages… | ||
| The future of frontend tooling | Johannes Ewald | 27m |
Predicts that ES2015 modules bring static imports that enable tree shaking so bundlers still run to produce dependency graphs and minify for compression gains… | ||
| JavaScript @ Spotify | Felipe Ribeiro | 27m |
Desktop UI moves from C++ to HTML/JavaScript, exposing native functionality through a C++ client core and Chromium Embedded Framework (SEF) web views; the… | ||
| HSL: The RGB You've Been Waiting For | Visnu Pitiyanuvath | 19m |
Demonstrates actual, interactive conversions from RGB to HSL with a live demo at http://visnup.github.io/hsl, showing how rotating hue and adjusting lightness… | ||
| Making a Robot Eye with JavaScript | Mariko Kosaka | 36m |
Shows how to grab pixels with canvas getImageData and treat an image as a 1D RGBA arrays buffer, implements brightness, contrast, posterize and convolution… | ||
| This will flow your mind | Tryggvi Gylfason | 17m |
Flow is a static type checker for JavaScript open sourced by Facebook that QuizUp runs on 60,000 lines after about half a year of use and reports fewer… | ||
| Progressive Rendering – how to make your app render sooner | Denis Rechkunov | 25m |
Claims that splitting server HTML into chunks with Node.js streams cuts Time To First Byte so users see content fast are backed by a real case: full render… | ||
| Full-stack JavaScript development with Docker | David Blurton | 35m |
Node backend + React frontend runs inside Docker and achieves working live-reload by combining the new docker for mac and windows runtime, nodemon and a… | ||
| Meet MySam - An open AI experiment | David Luecke | 28m |
MySam is an open-source intelligent assistant you can train yourself and extend with plugins in JavaScript and HTML5; it runs in the browser or Electron, uses… | ||
| Pivoting to React, at scale | Tilde Ann Thurium | 19m |
Pinterest pivots from Backbone/Django to React with a bottom‑up porting plan, finding 500k lines of web code and ~164 web engineers make gradual migration… | ||
| Feeling like a fake - the Impostor Syndrome | Berglind Ósk Bergsdóttir | 21m |
Impostor Syndrome is named by psychologists in the 1970s and shows up even after big wins; a burn‑out prompts recognizing the pattern. Practical steps include… | ||
| On How Your Brain is Conspiring Against You Making Good Software | Jenna Zeigen | 30m |
Decisions about code and teams fail for specific, measured reasons: logical puzzles show only 9% or 4% success on syllogisms and the Wason four‑card task… | ||
| The state of the JavaScript Community | Jan Lehnardt | 25m |
A survey of concrete problems and wins: open source tooling that millions depend on sees three projects abandoned after single maintainers burn out; npm… | ||
| nothing matches | ||