Qwik for Instant-Loading Websites & Apps

Miško Hevery

Miško Hevery

Qwik Creator (Previously Angular)
3 hours, 48 minutes CC
Qwik for Instant-Loading Websites & Apps

Course Description

As web apps become more dynamic and interactive, developers are faced with the challenge of managing larger and larger amounts of JavaScript, often resulting in poor performance. The Qwik JavaScript framework offers a new approach to this problem by using a unique resumable architecture that allows for fast startup times and amazing Lighthouse scores, even with large codebases!

This course and others like it are available as part of our Frontend Masters video subscription.

Preview
Close

Course Details

Published: February 28, 2023

Learn Straight from the Experts Who Shape the Modern Web

Your Path to Senior Developer and Beyond
  • 200+ In-depth courses
  • 18 Learning Paths
  • Industry Leading Experts
  • Live Interactive Workshops
Get Unlimited Access Now

Table of Contents

Introduction

Section Duration: 2 minutes

Framework Performance

Section Duration: 1 hour, 8 minutes
  • The State of Front-End Frameworks
    Miško shares performance metrics and website trends to highlight why poor web performance correlates with using JavaScript. With most frameworks, the initial bundle size may be small, but there is a consistent upward slope in bundle size as more components are added.
  • Evolution of Client-Side Frameworks
    Miško discusses how frameworks have evolved from fast user experiences with poor developer experiences to slow user experiences and great developer experiences. Qwik seeks to eliminate performance issues while providing an approachable and intuitive developer experience.
  • Qwik vs Next.js
    Miško compares Qwik with new framework features like React Server Components and Next.js. React server components still require the framework to be sent to the client, so they lack the resumability feature provided by Qwik
  • Hydration vs Resumability
    Miško explains why hydration is a workaround for creating better-performing web applications. With Qwik, the initial HTML load is not a non-interactive shell waiting for hydration. It's an interactive page bootstrapped with a small, static amount of JavaScript.
  • Advantages of Resumability
    Miško explains how hydration leads to an application being replayed. This affects performance because replaying the application on the client duplicates the work the server performed. Resumability picks up where the server left off, eliminating duplicate execution and increasing performance.
  • Startup vs. Runtime Performance
    Miško compares metrics for startup and runtime performance. Frameworks with fast runtime performance will not necessarily have fast startup performance. Runtime performance metrics often measure less frequent use cases.

Qwik Setup

Section Duration: 33 minutes

Data, Routing, & Interactivity

Section Duration: 1 hour, 12 minutes

Lazy Execution & Authentication

Section Duration: 43 minutes

Wrapping Up

Section Duration: 7 minutes

Learn Straight from the Experts Who Shape the Modern Web

  • In-depth Courses
  • Industry Leading Experts
  • Learning Paths
  • Live Interactive Workshops
Get Unlimited Access Now