List of videos

Everyone talks about how performant React is... but why? What makes people talk about how speedy React is? In this talk, you'll learn why people talk about React being fast, and what you can do to make it faster.

Empathy can be a pivotal factor in the success of yourself and your projects. If you don't care about the people using your product, why are you making it? If you don't care about your co-workers who will have to use your code, why do you work with them? If you don't care about yourself, why are you doing this as a career? Some people may ask "why empathy?”. Let’s examine this concept, find ways to be more empathetic in our actions, and discuss the pragmatism of empathy. This talk will explore various ways in which developers can be more empathetic to the community, their co-workers, and themselves. The talk will also explore larger ways we as an industry can work together to improve empathy. We will then use these tools to examine the “left-pad” situation to find empathy for all those involved.

The momentum behind the virtual reality industry is growing rapidly as immersive technologies begin to shape endless new experiences in our world. Today's web ecosystem is gearing up for virtual reality, and browser-based VR shows a lot of promise over the coming years. In this talk, we'll cover why the movement to create a VR-enabled web will drive innovation across industries, the state of the VR Web in 2016, and how to get started building VR-enabled applications today in a browser near you.

CSS variables are here, and they're much more powerful than you think. In this presentation, we will explore the many possibilities with mixing RxJS with CSS variables, including how they can be used to bring your web projects to life with dynamic animations that react to user input. And yes, there will be plenty of demos. UI animations can be an incredible asset to the user experience, especially if they are meaningful and responsive to user input. Native mobile app developers know this all too well, so how can we incorporate similar animations to the web to create an appealing user experience? With the help of RxJS and CSS Variables, we can! In this talk, you will learn about: What reactive animations are How CSS Variables work What Observables are and how they model reactive user input How RxJS + CSS Variables can work together to create performant, reactive animations in your web apps Recreating native mobile interactions for the web Clever tricks and tips, and plenty of demos

React has set the front end development world on fire. It seems nearly over night that React became the darling of JavaScripts developers everywhere and before you knew it, sites like Netflix, reddit, Khan Academy, Airbnb, and more were rewriting entire front ends to harness that power. The React inferno isn’t contained to just the DOM though; other communities have taken notice and are beginning to harness the power of the one-way data flow that React enforces. In this talk we’ll give you a brief overview of why React is so ®evolutionary for user interface development and some other communities that have taken hold of it as well. We’ll talk about seeing React everywhere from the DOM to the terminal, native mobile, game consoles, three dimensional environments, and even virtual reality.

So you've been hired as the first web engineer to work on a major product and have been given complete freedom as to the frameworks, libraries, and tools you wish to use. How do you begin to choose? With the bevy of options available to you, how to you choose a stack that will stand the test of time? I walk through this dilemma through the lens of my own experience building ReutersTV.

Did you know that there’s an experimental Web Bluetooth API under development in Chrome? Let’s explore this brave new world of hardware-accessing offline-accessible web apps together by building a fully functional mobile bike computer. We’ll talk about the BLE protocol and use Web Bluetooth to connect to Bluetooth Smart sensors providing real-time heart rate, speed, and pedaling cadence metrics. Then, we’ll dive into Functional Reactive Programming using the cycle.js library to represent and transform sensor data as observable streams. It’s going to be a wild ride, though be warned: there will be some wheely bad bike puns.

Building a compelling desktop app experience doesn’t have to be a major undertaking; Electron is a free and open source framework from GitHub that allows you to build desktop applications using the HTML, CSS, and JavaScript skills you already know. In this talk, we’ll look at how Electron works, explore some of its most useful APIs, and be entertained by a dancing BB8 Sphero robot, who will be helping to demonstrate some of the fun and interesting things you can do with Electron. You'll leave the session knowing how you can get started building your own cross-platform desktop apps with ease. Electron http://electron.atom.io/ BB8 Demo App https://github.com/kuychaco/bb8-electron-app

Compared to native apps, mobile websites have historically been at a disadvantage: no installation, no push notifications, and they only work when you're online. This year, that changed. Browser vendors have worked together to implement open standards that address each of these shortcomings. This session examines how the Service Worker, Push, and App Manifest specifications fill the gap between web and native. Slides & links https://github.com/callahad/jsis-newweb