JSConf US 2018
2018-08-21..2018-08-23
Carlsbad, CA, United States
[JSConf US 2011, JSConf US 2013, JSConf US 2015, JSConf US 2018, JSConf US 2019]
who it's for
React developers, frontend engineers, developer experience leads, test engineers, web platform engineers, accessibility engineers, open source maintainers
topics
A-Frame VR experiences; web extensions cross-browser; TypeScript gradual typing; npm package ecosystem; end-to-end Cypress testing; component-driven BigTest; server-side universal React; React accessibility patterns; browser concurrency and DOM; compilers for web performance; data-driven CSS Grid; WebUSB interactions
| title | author | length |
|---|---|---|
| Learning Through Art: An Introduction to VR | Billy Roh | 25m |
Recreates Yayoi Kusama's obliteration room using A-Frame and models from Google Poly, building an all-white apartment, lighting it down from twelve sources to… | ||
| Hot Garbage: Clean Code is Dead | Michael Chan | 30m |
Argues that clean code is dead and sells a concrete alternative called hot garbage architecture with four tenets: pliable components, composability… | ||
| Civichacking.js: Helping Your Community Using JavaScript | Carrie Maxwell | 29m |
Builds a React app called Budget Party (React) that later wins a Mozilla Internet Health prize. Prototypes a housing app with WordPress API + Meteor + React… | ||
| Browser Extensions | Matt Claypotch | 33m |
Claims that Firefox now implements Chrome's extension model as web extensions and that most Chrome extensions run with minimal changes. Tools demonstrated… | ||
| I See: Overcoming Challenges in Software Development | Kevin O'Neil | 23m |
Visually impaired front end developer describes concrete fixes not promises: uses a monitor arm to position screens, a Chrome overlay extension to do… | ||
| Hacking with My Anxiety | Bryan Hughes | 28m |
A small contact scheduler auto-generates a weekly queue of people to message, uses heuristics about last-contact and frequency, and forces an auto-snooze… | ||
| The Most Annoying Website (Aka "the Power of the Web Platform") | Feross Aboukhadijeh | 36m |
A live demo builds an "annoying site" that actually opens and fights with dozens of popups, autoplays unmuted speech, copies ASCII art to the clipboard, fills… | ||
| No Time for Types | Nick Nisi | 26m |
Argues that adding types yields real, incremental gains: using @ts-check or JSDoc catches wrong argument types without rewriting code, renaming one file to .ts… | ||
| Package Reputation Tracking | Tyler Bender | |
The Javascript ecosystem and npm in particular have taken code re-use and open source software to new levels. It is easier than ever before to look up a… | ||
| I Like My Tests, Like I Like My Friends, Reliable and Flake-Free | Amir Rustamzadeh | 35m |
Cypress is an end-to-end test runner that runs in the browser's run loop so tests get direct DOM access instead of proxying through Selenium, which reduces… | ||
| npm and the Future of JavaScript | Laurie Voss | 41m |
NPM reports 10 million users and about 6 billion package downloads every seven days, with npm6 offering big speedups and npm CI roughly twice as fast for CI… | ||
| Testing Big in JavaScript | Robert Deluca | 45m |
Claim: a new test stack called BigTest targets component-driven apps, composes interactors for reliable, chainable DOM actions, and uses Mirage to mock a full… | ||
| Journey into Imagination 💫 | Rachel White | 29m |
Compares Disney imagineering methods to developer experience work and claims concrete rules — Mickey's 10 commandments — map to docs, onboarding and demo… | ||
| What's in Your JS? | Ravi Lachhman | 20m |
Argues that the real question is what's actually in package.json not the topic, citing a real project with 300 packages and eight conflicting jQuery installs… | ||
| JavaScript Concurrency and the DOM | Kristofer Baxter, Malte Ubl | 34m |
Claims that full DOM APIs run inside a web worker via worker-dom and that moving event processing, state updates and diffing off the main thread measurably… | ||
| ES6 in Practice | Tim Doherty | 31m |
Claims adoption path for ES6 across an enterprise with concrete tooling details and outcomes Babel plus Grunt handle development and build transpilation while… | ||
| A Quest to Be a (Web)master: How do You Go from Simple Code to Building Great Web Experience? | Mariko Kosaka | 40m |
Argues that knowing browser internals — CPU vs GPU, processes and threads, the DOM→layout→paint→composite pipeline — changes choices and fixes real bugs… | ||
| We're the Same You and Me - a New Way ☯ to Align Programming Paradigms Across Client & Server(less) | Jeff Hoffer | 43m |
Claims a concrete runtime and API: a towel message trigram (term/action/orient) plus a signal network that runs identically client and server. Implements three… | ||
| Please Don't Mock Me | Justin Searls | 39m |
Argues that popularity of a mocking library doesn’t matter and that after a decade of TDD with mocks most people use them poorly; uses test double/testable to… | ||
| Unlock the Power of Feature Based JS Development | Jeff Barczewski | 33m |
Feature-based workflow that wires features at runtime using createFeature and launchApp reduces boilerplate and lets Redux reducers and redux-logic register… | ||
| literally everything is pixel art | Jenn Schiffer | 39m |
Presentation claims "literally everything is pixel art" and proposes a concrete picson JSON schema. It shows working tools: make8bitart.com built with canvas… | ||
| The Loader is a Lie: How to Elegantly Load a Million or More Data Points | Bernie Cheng, Gordana Jekic Dzunic | 47m |
Claim: loaders lie but can be fixed by showing real progress and streaming results. The team queries a million+ points from BigQuery, pages results via the… | ||
| Compilers: The Next Frontier in Web Performance | Chad Hietala | 32m |
History names closure compiler and YUI as concrete optimizers that remove dead branches and inline calls and bytecode minifiers that cut bytes but not parse… | ||
| We Live in Memory: Making Λ and GraphQL Respond in 70MS | Francis Gulotta | 28m |
Claims a production GraphQL API runs at 70ms average (most requests ~24ms), cuts ops cost from ~$30k/month to ~$3k, and stays stable under spikes… | ||
| Data-Driven CSS with Grid & Custom Properties | Miriam E Suzanne | 40m |
Shows concrete techniques: rebuilt Susy entirely in CSS using custom properties, calc and gradients; passes numeric data from HTML into CSS and maps minutes to… | ||
| The Joy of Mentoring by Taking the Pressure Off of it | Guedis Cardenas | 24m |
A case for low‑friction mentorship with concrete tactics: a ten‑dollar stack of business cards handed out at meetups leads to followups, a one‑hour email reply… | ||
| Smartphone Symphony | Gavin Joyce | 25m |
A live demo uses an Ember Present add-on and a Node server on AWS to send realtime messages that schedule audio across phones, with about 200 phones connecting… | ||
| Universal React Applications with Redux | Bradley Spaulding | 25m |
Describes sharing Redux code across web and React Native by publishing a rollup bundle of reducers actions selectors, using Babel externals and async handling… | ||
| RxJS: A Better Way to Write Frontend Applications | Hannah Howard | 36m |
Argues that modeling UI as streams makes interruptions manageable, using RxJS to compose observables instead of juggling event handlers; demos include a… | ||
| Pattern Matching in JS | Juan Caicedo | 28m |
JavaScript gains a stage 1 proposal for pattern matching that borrows destructuring to replace brittle switch logic, adding a when keyword and variable binding… | ||
| How to Be an A11Y - Creating Accessible React Apps | Neha Nivedita | 31m |
Browses for concrete takeaways: 15% of the population has a disability and 8% is colorblind, so measureable impact drives the case. Examples show what breaks —… | ||
| React Already did that - Developer Ergonomics in 2018 | Dylan Schiemann | 32m |
Claims that Dojo 2/3 prioritizes developer ergonomics: TypeScript with TypeScript interfaces for interoperability, CSS modules compiled to TypeScript for IDE… | ||
| Adventures in Ethical Computing | Myles Borins | 26m |
Machine learning algorithms can infer gender when translating from gender neutral languages to english due to bias in training data. Hardware designed to… | ||
| Democratizing Augmented Reality | Christina Kayastha | 39m |
Claims a practical path to web AR by using QR-AR.js as markers instead of ARToolkit, hooking into 3D via three.js or simple 2D HTML panels; demos render an… | ||
| The Butterfly.js Effect | Juan Pablo Buriticá, Julián Duque | 29m |
This talk will serve three purposes. First, it will tell the story of the creation of the JavaScript community in Colombia and its journey to becoming one of… | ||
| Exploring Webusb and its Exciting Potential | Suz Hinton | 35m |
A browser can talk to and even program USB microcontrollers using WebUSB with a permission-based model and a device-descriptor URL that prompts a page when… | ||
| Building a JavaScript Video Synthesizer for Live Performance | Zachary Berry | 31m |
Builds a browser-based video modular synth called bit kid that maps live inputs (MIDI, gamepad, mouse, webcam) to canvas/SVG/iframe visuals using Web MIDI… | ||
| A Tale of Two Bundles: A Lesson in Mentorship | Patricia Arbona | 31m |
A concrete claim: mentorship must include sponsorship that opens jobs and networks, not just tutoring. Uses Ruby, Rails, Bundler and RubyGems; contributed to… | ||
| Discovering the True Identity of @Horse_js Using Machine Learning | Burke Holland, Jasmine Greenway | 47m |
Project collects ~7,000 Horse_js tweets via the Twitter API, backfills with horseplane data, and stores them in an API called app horse hunt using Azure… | ||
| nothing matches | ||