XtremeJS 2022
2022-12-13
-- online --
XtremeJS ·
[XtremeJS 2021, XtremeJS 2022, XtremeJS 2023, XtremeJS 2024, XtremeJS 2025]
as the organisers put it
XtremeJS is an international online professional conference that focuses on the JavaScript programming language.
who it's for
front-end developers, web developers, React developers, ui engineers, accessibility engineers, technical educators, quality engineers, devops engineers
topics
microfrontends with Module Federation; centralized web components (Stencil); Qwik resumable server rendering; Playwright scrapers with XState and Kafka; Web Animations API and timelines; OpenLayers maps with GeoJSON; accessibility testing in Storybook and Cypress; website carbon footprint reduction; Source Academy JS sublanguages; Script Kit developer automation; BabylonJS browser metaverse apps; test pyramid with Cypress and Selenium
| title | author | length |
|---|---|---|
| Xtreme Shrinking of JS for Teaching | Martin Henz | 19m |
Claims that full CS101 runs in JavaScript but only after shrinking it to focused subsets, with concrete results: a course for 750 students, 3 professors and… | ||
| Building Microfrontend Architecture for Scale with JS | Ansab Gillani | 27m |
Migration narrative from a 2.5M‑line Django monolith to a microfrontend ecosystem that now spans 46 microservices and roughly 2.5M → 7M LOC. Frontends run as… | ||
| Clean Concise and Collaborative Code | Christopher Miller | 20m |
Six concrete checks: write a plan down to classes and services (example calculator class and a service that “add two numbers”), abstract to show only what’s… | ||
| Microfrontend using Vanilla JS | Nitin Jain | 29m |
Claims that microfrontends work with plain JavaScript by using Module Federation to share and load modules at runtime, not compile time. Demonstrates a… | ||
| Digital Ecology: Can you Mitigate The Carbon Footprint of Websites | Katarzyna Wojdalska | 22m |
Claims concrete savings and tools: the ICT sector emits about 4% of global greenhouse gases, storing 100 ZB could emit ~200 billion tons CO2/year, and a page… | ||
| My Accessibility Journey The Quest for an Accessible Components Library | Asaf Shochet | 31m |
A component library approach enforces accessibility at the component level and prevents regressions across five products, using React + TypeScript components… | ||
| 'OpenLayers: The Open Source Option of Adding Maps on Websites' | Krishna Lodha | 23m |
Shows how to build interactive web maps with OpenLayers 7.1.0 using either the npm package or vanilla JS, loading OpenStreetMap tiles as the raster base and… | ||
| 'Web Animations: Past, Present & Future' | Ishan Sharma | 19m |
Overview of web animation history from GIFs (1987), SMIL (1999) and Flash (1996, deprecated by 2020) to CSS animations (circa 2009) and the modern Web… | ||
| 'Write a Scraper as a State Machine with Playwright and Kafka' | Alberto Schiabel | 23m |
A Glassdoor scraper written in TypeScript runs on Node.js and uses Playwright for browser automation, XState to model the scraper as a state machine with… | ||
| 'Centralizing the Frontend with Design Systems and Web Components' | Adam Niederer | 22m |
Chatham Financial centralizes ~30 web components using Stencil and web standards (custom elements, Shadow DOM) so Angular, React, Vue, jQuery and legacy apps… | ||
| Script Kit: The Ultimate Open Source Dev Kit | John Lindquist | 22m |
Script Kit is a JavaScript/TypeScript toolkit that creates runnable scripts as files, exposes them as terminal commands and a GUI, and maps them to global… | ||
| Make it Resumable with Qwik | Gil Fink | 26m |
Claim: Qwik makes pages resumable resumes server-rendered state in the browser so the client does not rehydrate whole component trees. It uses a build-time… | ||
| Protecting Sensitive Data in Web Apps | Gavin Uhma | 23m |
Shows a concrete pipeline: encrypt bytes on the device with client-side encryption, store ciphertext in MongoDB, and process only inside a hardware-isolated… | ||
| Building a Browser Based Metaverse App with BabylonJS | Griffin Solot-Khhl | 26m |
Hands-on guide to building a browser metaverse using Babylon.js with live streaming and spatial audio integrated via Dolby.io, showing working code in the… | ||
| Test Effective Development - End 2 (What) End? | Shai Reznik | 27m |
Claim: automated developer end-to-end smoke tests give the highest ROI by catching critical assembly and config failures with minimal test count. Strategy… | ||
| nothing matches | ||