Welcome to Qwik Tutorials

Welcome to Qwik!

Qwik is a front-end framework for building resumable applications that start-up instantly on the client. Qwik achieves this by focusing on its philosophy of downloading and executing only the code that is strictly necessary to perform the user-triggered action. Qwik is a fine-grained lazy-loading framework representing a fundamentally new approach to building web applications.

Qwik Tutorials

What follows is a set of tutorials that will help you get started with Qwik. Each tutorial focuses on a single topic and contains a hands-on example that requires your participation to make it work.

The tutorials are broken up into these sections:

• Introduction: A fast-paced introduction to Qwik where we focus more on building a simple application with server-side pre-rendering and client-side interactivity. This tutorial is designed to give you a feel over how Qwik applications are built rather than focusing on details of individual APIs.
• Components: All about declaring, binding, and composition of components.
• Events: Declaring, binding, and triggering events.
• Stores: Declaring stores, data-binding, reactivity, and serialization.
• Props: A deep dive into declaring and working with props and components and serialization constraints.
• Reactivity: A deep dive into how reactivity works and how it can be used to build a more complex application.
• Context: Making data globally available to your application through context.
• Lifecycle Hooks: Component life-cycle hooks.
• Slots: A deep dive into how content projection works and how to use it in more complex scenarios.
• Styling: Styling your application with CSS.
• Optimizer: Understanding the Optimizer constraints.
• Composing new APIs: Composing new use___() and $ APIs for your application.