Future Frontend 2024
2024-06-13..2024-06-14
Helsinki, Finland
[Future Frontend 2023, Future Frontend 2024, Future Frontend 2026]
who it's for
frontend developers, javascript developers, framework authors, toolchain engineers, developer experience engineers, web performance engineers, design technologists
topics
Qwik JavaScript streaming; TypeScript Compiler API codegen; edge state synchronization; in-browser code editor; modern JavaScript and TypeScript registry; Signals proposal (TC39); WebAssembly polyfills; web animation techniques; AI agent pipelines and tooling; semantic embeddings search; design and development workflows; green coding practices
| title | author | length |
|---|---|---|
| Mood video | Houman Auriell, Christoph Heil | 03m |
A short mood montage that records who shows up what the rooms feel like and what actually happens: applause, quick Q&A moments, a surprised winner announced as… | ||
| How Qwik's Optimizer allows JavaScript streaming and automatic optimization | Yoav Ganbar | 27m |
Qwik’s compiler actually transforms closures into named, serializable modules and emits a map into the HTML so the client can lazy execute extracted functions… | ||
| Reliable I/O with the TypeScript Compiler API | Jason Rametta | 24m |
Generates fully typed HTTP clients from TypeScript Compiler API plus OpenAPI specs, claims to eliminate manual fetch functions and surface backend changes as… | ||
| Panel | Yoav Ganbar, Jason Rametta | 30m |
Panel gives concrete signals: the Quick compiler is written in Rust and reuses SWC for parsing, it chunks and serializes JS into HTML for resumability, Quick… | ||
| Interview | Yoav Ganbar | 08m |
States that the Qwik optimizer focuses on JavaScript streaming and automatic runtime optimizations, and the codebase is refactoring toward Qwik 2.0 to make… | ||
| Interview | Jason Rametta | 05m |
Shows building TypeScript compiler API workflows that extract and transform code to enforce type‑safe data contracts between frontend and backend, plus… | ||
| Squish Meets Structure — Designing with Shoggoth | Maggie Appleton | 33m |
Claims that language models become useful when broken into tiny specialized reasoning engines, with composition and prompt chaining tying models to trusted… | ||
| Non-human teammates and AI clocks | Matt Webb | 31m |
An AI clock that composes a new poem every minute using ChatGPT actually exists, goes viral, and moves from shelf prototype to Kickstarter manufacturing… | ||
| Panel | Maggie Appleton, Matt Webb | 23m |
Panel reports concrete experiments: cheap semantic search becomes possible with embeddings and Cloudflare plus vector stores, GPT‑3 → 3.5 → GPT‑4 show… | ||
| Interview | Maggie Appleton | 03m |
Overview of concrete takeaways: a product is designing with language models not an abstract trend but a two‑year effort that requires writing prompts, building… | ||
| Interview | Matt Webb | 05m |
Projects include a clock that composes a new poem every minute using chat GPT, claiming about half a million poems a year, and a toy agent that controls a… | ||
| Dynamic UI at the Edge | Mo Khazali, Samuel Macleod | 28m |
Claim: front ends can push ephemeral UI state to the edge and sync it across web and mobile via a tiny abstraction and stateful edge primitives. Implementation… | ||
| A new way to develop for the web | Andreas Møller | 22m |
Claims a visual web IDE replaces text with a live HTML-first editor that outputs plain HTML, a visual editor, a separate formula editor for pure transforms… | ||
| Panel | Mo, Samuel Macleod, Andreas Møller | 35m |
Panel details concrete implementations and limits: real time collaboration exists but is a basic last-write-wins demo using websockets and durable objects as… | ||
| Interview | Mo Khazali, Samuel Macleod | 08m |
Demonstrates a concrete stack: server-driven UI plus realtime edge sync on Cloud flare using Durable Objects and Workers and Wrangler, with a pre-alpha… | ||
| Interview | Andreas Møller | 06m |
Toddle is a visual programming language for building complex web apps and the team claims Toddle built in Toddle — the incredibly complicated UI builder is… | ||
| Design & Development Synergy | Thais Santos | 32m |
TomTom documents a concrete workflow: an Android white‑label design system that ships coded components, templates and a Dev Design Systems mental model, used… | ||
| Learning Finnish using technology - Mission Impossible? | Zak Allal | 31m |
Learning Finnish fast becomes concrete here: a live platform called Finnish Companion is a free not for profit website and app that ships a reverse conjugator… | ||
| Panel | Thais Santos, Zak Allal | 29m |
Panel reports that an AI-aided language product called Finnish companion is built from scraped Wikipedia and Wiktionary data and serialized into a fast binary… | ||
| Interview | Thais Santos | 06m |
Describes concrete AI experiments: setting it up to extract documentation to speed repetitive design system writing, plus using AI to suggest component choices… | ||
| Interview | Zak Allal | 11m |
A one‑person project grows from a homemade conjugation stemmer into a platform with a custom flashcard app, an Alfred‑style lookup, and plans for Android and… | ||
| A modern package registry for JavaScript and TypeScript | Luca Casonato | 39m |
JSR claims to be a drop‑in replacement for npm that accepts original TypeScript, runs a trusted transpiler inside the registry to emit per‑runtime artifacts… | ||
| Building an in-browser editor | Jo Franchetti | 29m |
Builds a working in‑browser code editor using the Deno stack: React + Vite for the UI, Oak for server APIs, and Deno Deploy + Deno Sub Hosting for per‑user… | ||
| Panel | Luca Casonato, Jo Franchetti | 15m |
Deno claims a working ecosystem: jsr is open source, hosted on Google Cloud and funded by Deno with no plans to charge, and it supports self‑hosting and… | ||
| Interview | Luca Casonato | 04m |
JSR claims to replace npm as a registry born in a Deno incubator, offering native TypeScript support, automatic documentation generation, and a package quality… | ||
| Interview | Jo Franchetti | 07m |
Claims that Deno is a faster, more secure JavaScript and TypeScript runtime with concrete engineering details: built in Rust with Tokio and V8, runs TypeScript… | ||
| Challenges in green coding – the academic perspective and experiences | Jari Porras | 42m |
Literature review finds 1,870 papers → 78 titles → 58 read and surfaces few practical tools or standardized metrics; experiments include a student hackathon to… | ||
| Hammers, hurricanes, and HTML | Ben Holmes | 33m |
Content states the common bytes‑transferred model is misleading and gives concrete alternatives: 54% user‑device energy comes from displays and device… | ||
| Panel | Jari Porras, Ben Holmes | 25m |
Discussion names handprint vs footprint and claims some AI use cases produce net savings while alarm‑clock style uses are pure footprint; an edge experiment… | ||
| Interview | Jari Porras | 07m |
Companies start action after the IC Green ICT strategy (2021) but interest drops when costs and skills appear and no metric proves value; the concrete claim is… | ||
| Interview | Ben Holmes | 07m |
Conversation gives concrete claims and actions: measure with web carbon calculator, audit hotspots like a repeated query that takes 200 milliseconds and… | ||
| Brief intro to TC39 and how it works | Ujjwal Sharma | 20m |
Defines what TC39 actually does: governance by consensus, work happening on GitHub, and a four‑plus staged proposal pipeline with concrete examples and… | ||
| Building polyfills in WebAssembly | Shane Carr | 22m |
Claims that ECMA-402 features can ship early by packaging ICU4X as a WebAssembly ponyfill and show concrete results: a grapheme cluster segmenter compiled from… | ||
| Standardizing "Signals" in TC39 | Daniel Ehrenberg | 17m |
Proposal claims a standardized Signals API for fine‑grained reactivity is landing in TC39 and has reached stage one. Implementations exist: a JavaScript signal… | ||
| Panel | Rob Palmer, Ujjwal Sharma, Shane Carr, Michael Ficarra, Daniel Ehrerberg | 31m |
Panel lays out concrete progress and trade offs at TC39: which proposals move (a simplified temporal proposal aimed at browser implementability), which APIs… | ||
| Interview | Ujjwal Sharma | 05m |
Notes from a standards interview that matter: TC39 advances a concrete proposal called import differ and discusses making es modules more practical rather than… | ||
| Interview | Daniel Ehrenberg | 04m |
Conversation reports concrete progress at the TC39 meeting: Temporal moving toward shipping after feature cuts, import-defer for deferred module evaluation as… | ||
| Interview | Shane Carr | 04m |
Notes that matter: temporal API reduced exports to address browser implementability and most recommendations win plenary approval, so expect concrete… | ||
| Interview | Michael Ficarra | 04m |
Two new iterator proposals—iterator sequencing and joint iteration—advance to formal stages, the first at stage 2 and the second at stage 2.7, promising… | ||
| Return to Web Animation Wonderland | Rachel Nabors | 38m |
A live refactor of a decade‑old Alice demo shows concrete replacements for heavy jQuery stacks: CSS animations, the web animations API, scroll timelines and… | ||
| Make Real: tldraw's accidental AI play | Steve Ruiz | 34m |
tldraw spawns an accidental product called Make Real that takes canvas drawings and returns working HTML/CSS/JS by calling OpenAI vision/GPT-4, streaming… | ||
| Panel | Rachel Nabors, Steve Ruiz | 25m |
Panel compares arts roots with code and gives concrete takeaways: use canvas + Web Audio API not CSS animations for audio‑driven motion, edit spring curves… | ||
| Interview | Rachel Nabors | 06m |
Argues that the game changer is scroll timelines and view timelines not vague CSS niceties notes that view transitions remain Chromium‑centric while timelines… | ||
| Interview | Steve Ruiz | 06m |
tldraw plugs the canvas into large models so a drawing becomes a prompt and the system returns a working prototype; the Make Real demo uses OpenAI GPT‑4 with… | ||
| Closing | Y weine | 11m |
Practical wrap that reports concrete outcomes: live Slido poll shows 38% first-time visitors, average ratings around 4–5 for food and overall inspiration, and… | ||
| nothing matches | ||