Chris Heilmann, Daniel Cranney & Jad Joubran

WeAreDevelopers LIVE - Streaming HTML

What if you could stream HTML partials from the server without complex client-side JavaScript? This experimental feature makes it possible.

WeAreDevelopers LIVE - Streaming HTML
#1about 2 minutes

The power of the web for interactive learning

The web's immediacy allows for interactive learning platforms where users can experiment with code like JavaScript directly in the browser without complex setup.

#2about 4 minutes

The evolution of web-based code editors

From early editors like Brackets and Atom to the plugin-driven success of VS Code, the web provides an immediate platform for learning to code.

#3about 4 minutes

Detecting infinite loops in online JavaScript editors

Online code platforms like CodePen inject counters into loops and wrap React hooks to detect and prevent infinite loops that would otherwise crash the browser.

#4about 2 minutes

The rise of AI security alliances

Major tech companies like NVIDIA and Microsoft are forming alliances to promote responsible AI development and address security vulnerabilities in AI models.

#5about 5 minutes

Handling edge cases in user experience design

Analyzing how Medium built its table of contents feature reveals the importance of considering rare but critical edge cases, like articles with hundreds of headings.

#6about 3 minutes

Strategies for reducing AI token consumption

Practical tips for optimizing AI agent performance and cost include reducing log verbosity and strategically managing session start times with services like Claude.

#7about 5 minutes

The problem with AI-generated product content

AI-generated product images and influencer videos are undermining consumer trust, leading to regulations that require clear labeling on platforms like Amazon.

#8about 8 minutes

A tour of creative and quirky web projects

Exploring fun and experimental web development projects, including a snake game in 576 windows, the JS1k competition, and an HTMX release on a Game Boy cartridge.

#9about 5 minutes

Playing a game of tech news trivia

A fun game segment challenges participants to distinguish between real and fabricated tech news headlines, covering topics from AI to space satellites.

#10about 4 minutes

Introducing declarative HTML streaming

HTML can be streamed to the browser by using XML processing instructions as markers that are replaced by content from a template tag, all without JavaScript.

#11about 5 minutes

Improving performance by streaming non-critical HTML

Defer loading heavy but non-critical elements like a mega menu by streaming them after the main content, significantly improving the Largest Contentful Paint (LCP).

#12about 4 minutes

Building components with streaming HTML and scoped CSS

Create self-contained, streamable components that include their own scoped styles using the @scope rule and encapsulated logic with module scripts.

#13about 6 minutes

Creating SPA-like navigation with partial updates

Achieve a single-page application feel by intercepting navigation and streaming only the necessary HTML content patch, avoiding a full page reload.

#14about 10 minutes

Accessibility and security implications of streaming HTML

Streaming HTML introduces new considerations for accessibility, such as how assistive technologies handle dynamically inserted content, and potential security vectors.

Related jobs
Jobs that call for the skills explored in this talk.

Featured Partners

Related Articles

View all articles

From learning to earning

Jobs that call for the skills explored in this talk.