Hydration and Lazy-Loading Are Incompatible

Abstract

If your app is slow, the advice is to lazy-load your code and execute less code on startup. That is excellent advice, but it is much harder than it seems because of how hydration works in today's frameworks. Hydration forces the execution of application code, preventing you from lazy loading most of the code on the page. To prove the point, let's build a simple counter and see how hydration will thwart our ability to lazy load it or minimize the amount of code executed.

Speaker

Miško Hevery

CTO @Builder.io

As CTO, Miško oversees the technology division that powers the Builder.io applications and software. Before joining Builder.io, he created Open Source platforms for Google, including Angular, AngularJS and was co-creator of Karma. While at Google, he focused on improving testing culture and then transitioned to focusing on improving the web. 

Miško started his career designing digital circuits and moved to databases, full-stack development and finally, front-end frameworks, giving him a unique perspective. He understands all of the layers from the web down to a transistor. In addition to Google, he worked for tech powerhouses Adobe Systems and Sun Microsystems.

He holds an MS/BS from Rochester Institute of Technology and an MBA from Santa Clara University.

Read more
Find Miško Hevery at:

Date

Wednesday Oct 4 / 11:45AM PDT ( 50 minutes )

Location

Pacific DEKJ

Topics

Frontend Frameworks JavaScript Performance

Share

Share Share

From the same track

Session JavaScript

Streamlining Cloud Development with Deno

Wednesday Oct 4 / 10:35AM PDT

In today's cloud computing landscape, the gap between efficient local development and seamless global deployment frequently presents challenges. The creation of cloud software often demands extensive integration and meticulous plumbing.

Speaker image - Ryan Dahl

Ryan Dahl

Co-Founder & CEO @Deno, Software Engineer Best Known for Creating Node.js

Session Client Design

Server Driven UI - Streamlining Mobile Development and Release

Wednesday Oct 4 / 01:35PM PDT

A discussion about server driven UI frameworks for Mobile development.  We'll discuss what they are, why they are starting to become more prevalent, and the spectrum of possible options you can consider when you're looking into an SDUI framework.  We'll also hit on the pros and cons tha

Speaker image - Thomas Chao

Thomas Chao

Principal Engineer @Snowflake, Previously at Uber and Google

Session Applied Cryptography

Combating AI-Generated Fake Images with JavaScript Libraries

Wednesday Oct 4 / 02:45PM PDT

Because images and videos can now be produced with artificial intelligence, it’s increasingly difficult to determine which are real and which are fake. One approach has been to look for “tells” that reveal an image is AI-generated.

Speaker image - Kate Sills

Kate Sills

Software Engineer and Consultant, Previously Lead Engineer on the Zoe Smart Contract Framework at @Agoric

Session Frontend

JavaScript: Empowered by Rust

Wednesday Oct 4 / 03:55PM PDT

Rust is powering the next generation of JavaScript tooling including Turbopack, Rspack, Parcel, SWC, lightningcss, and more. What does this mean for JavaScript developers? Isn’t Rust a low-level language like C?

Speaker image - Chris Biscardi

Chris Biscardi

Independent Full Stack Product Engineer, Educator @rustadventure.dev, Author of "Rust Adventure"