RuhrJS 2018
as the organisers put it
The RuhrJS is an annual, community-driven JavaScript conference and the first of its kind in the metropolitan Ruhr Area in Germany. First held in 2016, the RuhrJS brings together an international line-up of renowned speakers with 200 JavaScript developers from all over the globe, creating a forum for developers to connect with companies and one another. We aim to foster a vibrant developer community and thereby strengthen our region's role in the tech industry. Our vision is to contribute to the digital transition of the Ruhr Area. We want to do our bit in making the region more attractive for everyone who is enthusiastic about JavaScript programming. We take particular pride in our diversity program. With the help of our sponsors, we can provide around 20% of our tickets to people from underrepresented groups every year. We are happy to welcome you in October, 13th and 14th in Bochum!
who it's for
JavaScript developers, frontend engineers, React developers, framework developers, web platform engineers, engineering managers
topics
JavaScript ray tracing engine; LitElement web components; GLSL WebGL fragment shaders; developer-focused documentation practices; Vue runtime form builders; wasm-pack WebAssembly integration; Rust-to-WebAssembly modules; flexible React component APIs; scalable Angular architecture with RxJS; GraphQL intermediary API layer; Electron cross-platform desktop apps; CSS Paint API graphics
| title | author | length |
|---|---|---|
| Opening and Welcoming | 09m | |
Welcome and logistics emphasize local scale and safety: Ruhr area counts 5.1 million citizens and aims to show Bochum’s tech scene, housing example given as 60… | ||
| Building a ray tracing engine with JS | Madlaina Kalunder | 28m |
A simple ray tracing engine in JavaScript is built that renders spheres, demonstrates physically correct reflections and color bleeding, and implements ray… | ||
| 2018 - The Year of Web Components | Dominik Kundel | 30m |
Claim: 2018 is the year web components start to take off, backed by concrete tooling and examples. Support: browsers ship features (Firefox done, Edge… | ||
| Creative experiments with WebGL shaders in JavaScript | Martin Splitt | 26m |
Shows how to write real GLSL running in the browser: canvas → typed arrays and buffer uploads → vertex and fragment shaders, with GLSL fragment shader code… | ||
| Humanizing Your Documentation | Carolyn Stransky Vohr | 28m |
Argues for use-case driven documentation with concrete examples (a drill, Slack pages) and shows how restructuring docs around user goals prevents confusion… | ||
| Haute Codeture | Stephanie Nemeth | 25m |
Outfit of LEDs that strangers control via a URL, built end-to-end: a browser web app controls LEDs that publishes commands, an MQTT-based pipeline (moved from… | ||
| Build highly dynamic apps with Vue.js | Norbert Frank | 29m |
Proves Vue scales: a working form-builder parses XML on the server, ships a JSON spec and a generic runtime Vue app that instantiates components from that… | ||
| webpack and the Challenge of WebAssembly | Tobias Koppers | 50m |
webpack adds WebAssembly by wiring wasm modules into its module graph but runs into concrete problems: imports object binding timing (imports become available… | ||
| Extending JavaScript with Rust | Dan Callahan | 22m |
Shows concrete results: Rust modules compile to WebAssembly and swap into existing JS apps via wasm-pack and bindings, replacing hot code paths. Firefox… | ||
| The how's and why's of flexible React components | Jenn Creighton | 30m |
Refactor of the class pass schedule CTA reduces fragility: a tangled component with embedded rules and 14 props becomes an API that takes a single type prop… | ||
| Scalable Angular Architecture | Bartosz Pietrucha | 34m |
Argues that scalable front-end applications need concrete structure not buzzwords and lays out a reproducible stack: separate presentation, facade and core… | ||
| Build the API you want to see in the world | Michelle Garrett | 25m |
A production React site (Vogue Germany) moves an intermediary GraphQL layer between an internally built CMS and the app, replacing many client-side calls with… | ||
| Use ReasonML in your React applications | David Kopal | 30m |
Reason brings OCaml-style immutability and a built-in type system to React, compiles to readable JS via BuckleScript compilation, and uses pattern matching… | ||
| Building Cross Platform Desktop Apps With Electron | Vanessa Yuen | 27m |
Electron is Chromium plus Node.js so web UI gets desktop file‑system power; many apps (Slack, VS Code, Atom) prove the approach works. Heavy CPU work runs best… | ||
| Make the Web Brighter with the CSS Paint API | Vitalii Bobrov | 32m |
CSS Paint API shows concrete hacks not promises: paint worklets run off the main thread with a 2D canvas context and paint worklet registration, responsive… | ||
| nothing matches | ||