JSConf.Asia 2019
2019-06-14..2019-06-16
Singapore, Singapore
[JSConf.Asia 2013, JSConf.Asia 2014, JSConf.Asia 2015, JSConf.Asia 2016, JSConf.Asia 2018, JSConf.Asia 2019]
who it's for
front-end developers, React developers, progressive web app developers, mobile web engineers, tooling and build engineers, UX and accessibility engineers
topics
web components and Shadow DOM; client-side machine learning with TensorFlow.js; variable fonts and responsive typography; state machines integrated with React hooks; ES modules, import maps and Node compatibility; progressive web applications and offline installs; offline-first data sync with PouchDB/CouchDB; WebAssembly for multi-language web apps; advanced image optimisation for websites; internationalization and low-bandwidth UX; WebRTC-based modular video synthesis; Practical NuxtJS for server-rendered apps
| title | author | length |
|---|---|---|
| Loop of Fortune | Chen Hui Jing, Thomas Gorissen | 23m |
A live gameshow version of Wheel of Fortune about JavaScript and web development runs as an upbeat opener with volunteers spinning, buying consonants and… | ||
| artistic.css | Aga Naplocha | 36m |
Shows concrete techniques and outcomes: use CSS Grid and subgrid (available in Firefox Nightly) to break and rotate layouts, clip-path with embedded SVG paths… | ||
| Designing Components for Fun, Profit and Sanity | Yishu See | 24m |
Team rebuilds a fresh codebase from scratch after a five year old stack, with a team of 10 facing over a thousand components; the concrete claim is that… | ||
| Variable Fonts and the Flexible Nature of Screens and Devices | Mandy Michael | 30m |
Variable fonts let a single file interpolate axes like weight 200–900 and custom axes up to 1000 and the demos show practical results not promises: CSS… | ||
| Web Components and the AOM | Léonie Watson | 22m |
Web Components combine Custom Elements, Shadow DOM, HTML Templates, ARIA and the Web Speech API to build real accessible widgets: a working speak-content… | ||
| Navigating the Wild Seas of Native ES Modules | Gil Tayar | 24m |
Node v12 aims to make browser and Node ES modules a single system that can just work without bundlers by using explicit extensions and package metadata, e.g… | ||
| The Browser as a Modular, Networked Video Synthesizer | Olivia Jack | 28m |
Hydra runs in the browser and actually wires video sources into a modular signal graph: Hydra editor uses WebRTC and an npm module called RTC patch Bay to… | ||
| Real World Problems - Internet beyond the 1st World Bubble | Keerthana Krishnan | 27m |
Claims concrete fixes: internationalize core flows and support major local languages; optimize for 45% of India connected not Silicon Valley devices; measure… | ||
| Music and Art with ML | Monica Dinculescu | 36m |
Generative music and art experiments use Magenta.js on TensorFlow.js plus simple libs like Tracery.js and platforms like Glitch to make live, remixable tools… | ||
| State Machines Meet React Hooks | Zain Fathoni | 34m |
Shows a stepwise rebuild of a modal/calendar UI using XState with the useMachine hook, demonstrating hierarchical states, guards and event payloads to route… | ||
| Machine learning for front-end developers | Charlie Gerard | 34m |
Shows concrete, working front-end ML: a live COCO-SSD + TensorFlow.js demo that classifies recyclables from a phone camera, a MobileNet + KNN transfer learning… | ||
| Rapid Development on Offline First Data Sync | Anshori Syuhada | 22m |
Builds an offline‑first data layer that actually replicates between device and server, using PouchDB/CouchDB replication to ship deltas and avoid custom sync… | ||
| Getting Closure on Hooks | Shawn Swyx Wang | 26m |
Builds a working React Hooks clone in 29 lines of readable JavaScript, using plain closures, a module-wrapped hook store, and an index-based hook array to… | ||
| Making It All Fit Together with React and GraphQL | Paul Asjes | 13m |
Stripe uses React + GraphQL + Apollo and shows concrete pieces: a global schema file checked into the mono repo, automatic Flow type generation, a wrapper that… | ||
| Nodebots Are Back | Pasindu De Silva, Chathu Vishwajith | 12m |
A two‑day nodebots workshop (2 days) produces several small robots: a two servos and an Arduino Nano walker, a Roomba‑style cleaner controllable from mobile, a… | ||
| Seeking the Balance in Framework Design | Evan You | 39m |
Frameworks differ on primitives vs conventions and on scope, rendering and state choices; Vue positions itself as a progressive framework that compiles… | ||
| Learning From Machines | Ashi Krishnan | 35m |
Shows noisy DeepDream visuals produced by DeepDream gradient ascent through Inception layers, explains convolutional filters and the 120 million photoreceptors… | ||
| The Future of JavaScript and AI | Asim Hussain | 34m |
Demos show working JavaScript AI: a Slack-ready Moji Fire that detects faces and emotions using Face API on Azure and pastes emoji stickers, a browser image… | ||
| Double the Beyoncé: Navigating Numbers in JavaScript | Meggan Turner | 26m |
Explains that JavaScript uses IEEE-754 floating point so 0.1 + 0.2 ≠ 0.3, and that numeric IDs above Max Safe Integer ~9 quadrillion lose uniqueness; shows a… | ||
| Race Conditions in JavaScript Apps | Thai Pangsakulyanont | 28m |
Shows concrete failures and fixes: an autosuggest demo built with Vue.js demonstrates that simply awaiting requests yields out‑of‑order results, solved first… | ||
| The *Other* Spec: Internationalization in JavaScript | Ujjwal Sharma | 28m |
Concrete claims and takeaways: the platform now exposes built‑in Intl features so formatting and plural logic live in the runtime instead of huge JSON bundles… | ||
| The Different Transformation Stages of AOT Compilers | Eytan Manor | 31m |
Walks through concrete stages: parsing with babel parser into an AST (demonstrated in AST Explorer), regenerating with @babel/generator, and traversing with… | ||
| Web Assembly: The Future of JS and a Multi-Language Web | Kassandra Perch | 20m |
Claims that WebAssembly is a compilation target for languages like Rust C and GoLang that augments JS not replaces it, shows a browser demo compiling… | ||
| JavaScript: who, what, where, why and next | Laurie Voss | 48m |
npm-backed data shows JavaScript has about 11 million developers, 33,000 developers responded to the 2019 survey, and npm performs 335 million audits in 30… | ||
| Day 1 - Live from Singapore | 10h 35m | |
-- no description -- | ||
| Day 2 - Live from Singapore | 09h 46m | |
-- no description -- | ||
| Day 3 - Live from Singapore | 09h 28m | |
-- no description -- | ||
| Pair Programming & Test Driven Development done right | Lin Oon Kean | 01h 54m |
Claims concrete: a live TDD demo solves FizzBuzz by following red green refactor, writing tiny tests then just enough code until green, refactoring, and… | ||
| JS adventures in Azureland | Vito Chin | 44m |
Wraps Azure AD around an existing React username/password flow by using the state parameter as a per-login key so the backend stores the returned ID token by… | ||
| Unlocking Progressive Web Applications | Tamas Piros | 02h 21m |
Takes a regular site and actually converts it: registers Service Workers, uses Workbox.js, caches routes with explicit strategies (cache‑first, network‑first… | ||
| Practical NuxtJS | Aaron Gong | 02h 31m |
Workshop shows how to scaffold a NuxtJS app with a local backend API (Node/SQLite), wire Axios and nuxt-auth local strategy, and build sign‑in + CRUD pages… | ||
| Selling all the things: building online payments in JavaScript | Paul Asjes, Thor Schaeff | 01h 23m |
Live demo builds a working payment flow with React Node and vanilla JavaScript: a client-only Stripe Checkout that redirects to a hosted page, a server-backed… | ||
| Deploying and Building WebThings | Ryme Assaad, Mel El Azzi | 01h 34m |
Live demo shows a private, local IoT stack: Mozilla’s WebThings Gateway runs on a Raspberry Pi, devices register by IP and store data locally; microcontrollers… | ||
| Advanced Image Optimisation for websites | Inian Parameshwaran | 02h 24m |
Speaker: Inian Parameshwaran @everConfusedGuy You will learn about different image formats, their tradeoffs, how different formats are under the hood and the… | ||
| Build next gen web apps using web components | Sumit Chaudhari | 02h 32m |
Workshop shows how to build functioning examples: a HelloWorld, a to‑do app and a chat app, first with vanilla JS and then with lit-element; code demos attach… | ||
| Webassembly: Expectation vs. Reality | Patrick Walther | 02h 58m |
WebAssembly is production-ready in modern browsers and the session proves it by compiling Rust and wasm-bindgen code and an Emscripten-compiled OpenCV build (a… | ||
| Interactive 3D Web Mapping | Dylan Babbs, Ignacio Julve Castro | 02h 02m |
Claim: harp.gl renders interactive 3D maps in the browser using WebGL and three.js, consumes vector tiles and OMV data sources (HERE XYZ) with an XYZ token… | ||
| Build your first mobile & desktop app as a Progressive Web Application | Ritesh Mehrotra | 03h 13m |
Shows a runnable booking app converted into a PWA with a manifest, service worker lifecycle and caching so it runs offline, uses Workbox for workbox precaching… | ||
| Testing from 0 to 100 | Shi Ling Tai | 02h 35m |
Workshop walks from zero to a working test pipeline: mocha and chai for unit tests, Pokedex with 151 Pokémon seeded via knex migrations for API tests… | ||
| nothing matches | ||