JSHeroes 2024
2024-05-23..2024-05-24
Cluj-Napoca, Romania
JSHeroes ·
[JSHeroes 2017, JSHeroes 2018, JSHeroes 2019, JSHeroes 2022, JSHeroes 2023, JSHeroes 2024, JSHeroes 2025, JSHeroes 2026]
who it's for
frontend developers, web platform engineers, full-stack engineers, developer tools engineers, accessibility engineers, quality engineers
topics
WebAssembly audio engine; WebUSB wireless tooling; API mocking with service worker; source maps base64 VLQ; React Native upgrade workflows; accessible reusable components; Rust-inspired TypeScript patterns; runtime signals for UI; time-travel debugging with Replay.io; OpenTelemetry traces and spans; MPA view transitions; multilingual web layout
| title | author | length |
|---|---|---|
| Making Minimal Techno with WebAssembly And a C Compiler | Tero Parviainen | 29m |
A complete minimal techno engine compiles C to WebAssembly with clang or mcrip, runs inside a Web Audio AudioWorklet, and successfully outputs sound at 48,000… | ||
| Building hacking tools in JavaScript | Charlie Gerard | 30m |
Rebuilds a classic wireless-hacking tool in client-side JavaScript using HackRF One and the WebUSB API, receives and records raw IQ samples from 433.92 MHz… | ||
| Standard-driven API mocking | Artem Zakharchenko | 17m |
MSW 2.0 moves API mocking onto web standards: it replaces custom handler APIs with the platform's Request/Response and leverages the service worker API for… | ||
| Console.loggers Anonymous: A Debugging Roadmap from Local to Production | Matan Kushner | 31m |
Live demos show concrete wins: run Node with node --inspect on 9229, attach with VS Code F5 attach and set breakpoints to inspect variables without restarting… | ||
| Untangling Your Dependencies: A Pattern for a Well-Knit JavaScript Project | Carmen Huidobro | 25m |
Shows step‑by‑step how a 2019 React Native app gets upgraded from react native 55 → 74 with concrete wins: get iOS build running, then Android, fix compiler… | ||
| A deep dive into Source Maps | Nicolò Ribaudo | 30m |
Explains exactly how Source Maps encode locations and names, decodes the compact base64 VLQ decoding used to map bundle columns to original files, and… | ||
| Building Accessible Reusable Components | Siddharth Kshetrapal | 40m |
Semantic tags alone prove insufficient; the team builds a tab widget, a listbox with filtering, and a notification dialog inside the open‑source Primer design… | ||
| Better Together: Rust & TypeScript | Benjamin Swerdlow | 20m |
Argues that specific Rust ideas improve TypeScript by showing working code: a real "friends of user" refactor, a hand-rolled Result-style error type in… | ||
| Are Signals worth the hype? | Atila Fassina | 30m |
Claims that signals give a clearer mental model for rendering UIs and make apps more predictable and less error prone while performance wins are a bonus… | ||
| The Roof Is on Fire? | Theodore Vorillas | 22m |
A low-cost wireless fire-detection network is actually built and field-tested: a small cluster deployed in a Metropolitan forest near Athens collects… | ||
| A Journey Inside the Developer Brain | Emmy Cao, Jenny Truong | 29m |
Claims that coding productivity maps to brain states: measurable active recall and interleaving boost retention, deliberate difficulty beats passive… | ||
| Blink and you’ll miss it: Stories from discovering most annoying bugs and test flakes | Filip Hric | 29m |
Uses Replay.io time-travel debugger to jump to exact executions and cut debugging from hours to minutes, working with Metabase’s hundreds of end-to-end tests… | ||
| Type-Safe Style Systems: The Future of CSS | Josh Goldberg | 30m |
Claims that type-safe TypeScript APIs can replace stringy Tailwind classes with checked tokens, demos Vanilla Extract producing a theme class with CSS… | ||
| MPA View Transitions are here! | Bramus Van Damme | 33m |
View Transitions now support multi‑page apps so clicking a same‑origin link can produce a seamless animation. Chrome ships cross‑document View Transitions in… | ||
| Reimagining web layout for accessible multilingual content | Rose Akoth | 20m |
Claim: CSS logical properties let one stylesheet adapt to left-to-right, right-to-left and vertical writing modes. A React demo swaps English/Arabic/Japanese… | ||
| Beyond Skeuomorphic Markdown | Rodrigo Pombo | 28m |
Claims that Markdown can be made structured enough to drive custom layouts by adding small annotations and compiling MDX into typed objects, demonstrated with… | ||
| The intentions were good | Eva Ferreira | 28m |
Walks through concrete failed attempts at accessibility, naming lessons and tools: keyboard navigation first, use of screen readers and Lighthouse and Axe, and… | ||
| You are an AI engineer | Tejas Kumar | 31m |
Claim: web developers can become AI engineers without linear algebra or training models by calling LLM APIs and composing systems. Demonstrations use RAG… | ||
| nothing matches | ||