XtremeJS 2024
2024-11-12..2024-11-13
-- online --
XtremeJS ·
[XtremeJS 2021, XtremeJS 2022, XtremeJS 2023, XtremeJS 2024, XtremeJS 2025]
who it's for
javascript engineers, frontend developers, node.js developers, ui engineers, web developers, accessibility engineers, qa engineers
topics
generative AI assistants; TensorFlow.js in-browser ML; p5.js canvas art; HTMX hx- attributes; HTML Popover API; element reparenting technique; JavaScript Maps and Sets; typed arrays for performance; Playwright browser extension testing; Fastify v5 for Node 20+; CSS :has() and container queries; Chroma vector database and RAG
| title | author | length |
|---|---|---|
| The AI Revolution in Coding: Tools, Trends, and Tomorrow | Javier Luraschi, Asaf Shochet Avida, Gil Fink | 29m |
Panel from XtremeJS 2024 argues generative AI already generates boilerplate in minutes using tools like TensorFlow.js, ChatGPT, Gemini, Anthropic, Copilot and… | ||
| Infinite Patterns in the Digital Canvas | Francisca Beatriz Medina Concha | 28m |
Claim: JavaScript becomes an artistic medium via p5.js (created 2013) and Processing lineage (2001, processing.js 2008) to generate live, interactive visuals… | ||
| HTMX – Say “no” to Complexity | Mark Volkmann | 27m |
HTMX replaces JSON roundtrips with endpoints that return HTML fragments and uses simple hx- attributes to wire interactions; demo stack is TypeScript + Bun +… | ||
| Independent Popups with Element Reparenting & The HTML Popover API | Adam Niederer | 24m |
Compares CSS-only popups to the new popover API (landed April 2024) and a fallback built via element reparenting used at chatam: popups are hoisted into a… | ||
| Mastering JavaScript Collections: Arrays, Maps, Sets, and Beyond | Haim Michael | 22m |
Covers concrete tradeoffs: use typed arrays for big numeric/binary workloads to get much better performance; prefer Map over plain objects to avoid… | ||
| End to End Testing for Browser Extensions | Nick Taylor | 21m |
A demo browser extension injects a ping/pong button onto google.com via a content script and uses a service worker to reply to messages; tests load the… | ||
| Losing your Components’ Head | Gil Fink | 20m |
Claims that separating behavior, UI and data lets components survive rebrands; shows a concrete React implementation using a headless component pattern with a… | ||
| Welcome, Fastify v5 | Matteo Collina | 27m |
Fastify v5 ships in September and targets Node 20+ while removing nine deprecations and adding Node diagnostic_channel for APM integration, claims near zero… | ||
| Stop using JS for that: Moving features to CSS and HTML | Kilian Valkhof | 30m |
A practical tour of features that replace small chunks of JS with HTML and CSS: build a toggle from a native checkbox styled via appearance: none plus ::before… | ||
| Lets Build A Node.js ChatGPT-Like Bot With AI APIs | Tamar Stern | 25m |
Builds a Node.js RAG system using OpenAI models, LangChain, Express and Chroma vector DB, ingesting documents, chunking to embeddings and serving… | ||
| Total ReDoS: The Dangers of regex in JavaScript | Phil Nash | 26m |
JavaScript regular expressions can hit catastrophic backtracking and block the event loop: a node‑fetch URL regex forces exponential steps (Rex101 shows 12,294… | ||
| The Immutable Way: A Guide to Cleaner, More Predictable JavaScript | Chris Laughlin | 29m |
Explains why shallow copies via the ES6 spread cause hidden shared references and shows structuredClone as the deep-clone fix; demonstrates how mutating the… | ||
| Yes, Your Browser Can Do That (Probably) | Julian Burr | 27m |
A small stopwatch app called Stop Me demonstrates that many formerly native-only features are available in browsers: Navigator.online and the Network… | ||
| Yes. Your Browser Can Do That | Julian Burr | 01m |
Promo for a session that highlights latest browser Web APIs and practical patterns for progressive enhancement in web apps, with concrete examples promised of… | ||
| nothing matches | ||