How to Optimize a Web Application?

This podcast involves two live demos, you can catch up on the YouTube verison here: https://youtu.be/T3K_DrgLPXM

Links

• Builder.io https://www.builder.io/
• PartyTown https://github.com/BuilderIO/partytown
• Qwik https://github.com/builderio/qwik
• https://dev.to/mhevery/a-first-look-at-qwik-the-html-first-framework-af

Timestamps

• [00:01:53] Misko Intro 
• [00:03:50] Builder.io 
• [00:08:31] PartyTown 
• [00:11:41] Web Workers vs Service Workers vs Atomics 
• [00:15:02] PartyTown Demo 
• [00:21:46] Qwik and Resumable vs Replayable Frameworks 
• [00:25:40] Qwik vs React - the curse of Closures 
• [00:27:32] Qwik Demo 
• [00:42:40] Qwik Compiler Optimizations 
• [00:53:00] Qwik Questions 
• [01:00:05] Qwik vs Islands Architecture 
• [01:02:59] Qwik Event Pooling 
• [01:05:57] Qwik Conclusions 
• [01:13:40] Qwik vs Angular Ivy 
• [01:16:58] TED Talk: Metabolic Health 

Transcript
 

[00:00:00] Misko Hevery: So the thing that I've learned from Angular.js days is make it really palatable, right. And solve a problem that nobody else has. Doing yet another framework in this state of our world would be complete suicide cause like it's just a different syntax for the same thing, right? So you need to be solving a problem that the other ones cannot solve.

[00:00:22] swyx: The following is my conversation with Misko Hevery, former creator of Angular.js, and now CTO of Builder.io and creator of the Qwik framework. I often find that people with this level of seniority and accomplishment become jaded and imagine themselves above getting their hands dirty in code.  

[00:00:39] Misko is the furthest you could possibly get, having left Google and immediately starting work on the biggest problem he sees with the state of web development today, which is that most apps or most sites don't get a hundred out of a hundred on their lighthouse scores. We talked about how Builder.io gives users far more flexibility than any other headless CMS and then we go into the two main ways that Misko wants to change web performance forever: offloading third-party scripts with PartyTown, and then creating a resumable framework with Qwik. Finally, we close off with a Ted Talk from Mishko on metabolic health. Overall I'm incredibly inspired by Misko's mission, where he wants to see a world with lighter websites and lighter bodies. 

[00:01:23] I hope you enjoy these long form conversations. I'm trying to produce with amazing developers. I don't have a name for it, and I don't know what the plan is. I just know that I really enjoy it. And the feedback has been really great. I'm still figuring out the production process and trying to balance it with my other commitments so any tips are welcome. If you liked this, share it with a friend. If you have requests for other guests, pack them on social media. I'd like to basically make this a space where passionate builders and doers can talk about their craft and where things are going. So here's the interview.  

[00:01:53] Misko Intro 
 

[00:01:53] swyx: Basically I try to start cold, 

[00:01:55] assuming that people already know who you are. Essentially you and I met at Zadar and, I've heard of you for the longest time. I've heard you on a couple of podcasts, but I haven't been in the Angular world. And now you're no longer in the Angular world.  

[00:02:11] Misko Hevery: The child has graduated out of college. It's at a time.  

[00:02:15] swyx: My favorite discovery about you actually is that you have non-stop dad jokes. Um, we were walking home from like one of the dinners and that you're just like going, oh, that's amazing. 

[00:02:27] Yes. Yeah.  

[00:02:28] Misko Hevery: Yes. Um, most people cringe. I find it that it helps break that. It does and you know, the Dad jokes, so they're completely innocent. So you don't have to worry. I also have a good collection of, uh, computer jokes that only computer programmers get.  

[00:02:47] swyx: Okay. Hit me with one.  

[00:02:48] Misko Hevery: Um, "How do you measure functions?" 

[00:02:51] swyx: How do I measure functions? And the boring answer is arity,  

[00:02:55] Misko Hevery: and that's a good one! "In Para-Meters." Uh, 

[00:03:03] swyx: yeah. So for anyone listening like our entire journey back was like that it just like the whole group just groaning. No, that's really good. Okay. Well, it's really good to connect. I'm interested in what you're doing at Builder. You left Google to be CTO of Builder. I assumed that I knew what it was, from the name, it actually is a headless CMS and we can talk about that because I used to work at Netlify and we used to be very good friends with all the headless CMSes. And then we can talk about Qwik. How's that ? 

[00:03:34] Misko Hevery: I can jump into that. Sorry. My voice is a little raspy. I just got over a regular cold, like the regular cold ceilings  

[00:03:42] swyx: conference call, right. I dunno, I, I had it for a week and I only just got over it. 

[00:03:46] Misko Hevery: It was from the conference. Maybe it wasn't from the other trip I made anyways.  

[00:03:50] Builder.io 
 

[00:03:50] Misko Hevery: So let's talk about Builder. So Builder is what we call a headless visual CMS. Uh, I did not know any of that stuff. Would've meant. So I'm going to break it down because I assume that the audience might not know either. 

[00:04:01] So CMS means it's a content management system. What it means is that non-developers, uh, like typically a marketing department think like Gap. Gap needs to update .... If you're showing stuff on the screen, you can go to Everlane. Everlane is one of our customers. Okay. And so in Everlane case, the marketing department wants to change the content all the time. 

[00:04:22] Right? They want to change the sales, what things are on the top, what product that they want to feature, et cetera. And, um, this is typically done through a content management system. And the way this is typically done is that it's like a glorified spreadsheet where the engineering department makes a content. 

[00:04:39] And then it gives essentially key value pairs to the marketing. So the marketing person can change the text, maybe the image, but if the developer didn't think that the marketing person might want to change the color or font size, then there is no hook for it, and the marketing person can't do that. 

[00:04:54] Certainly marketing person won't be able to add new columns, decide that this is better shown in three columns versus two column mode or show a button or add additional text. None of that stuff is really possible in traditional content...