Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Qwik for Angular Developers

Qwik for Angular Developers

Description: You already know your way around Angular. You've heard about Qwik, but haven't had the chance to try it out yet. Maybe you are wondering how to implement certain functions in Qwik. The goal of this talk is to keep Angular & Qwik side by side to help you get started developing with Qwik. For this purpose, we will look at the basic building blocks that you need in your daily work: Components, Events, Navigation, Forms & HTTP. After this session, you will be able to understand Qwik even better by connecting the dots between Angular & Qwik.

Code at GitHub: https://github.com/co-IT/talk-qwik-angular

Gregor Woiwode

July 27, 2023

More Decks by Gregor Woiwode

Other Decks in Programming


  1. - 💫 Developer Experience - 🧬 Component Anatomy - 🧭

    Routing - ☁ Http - 🤔 Code reusability Agenda
  2. esLint - ⛔ Qwik has some constraints how its API

    needs to be used. - 🛣 Qwik provides esLint Rules guiding you.
  3. • OnInit • OnChanges • AfterViewInit • AfterViewChecked • AfterContentInit

    • AfterContentChecked • DoCheck • OnDestroy • useTask$ • useVisibleTask$ Component Life-Cycle
  4. useVisibleTask$ - 📱is executed on the client - 🎨 is

    triggered initially after first render - 🔄 re-executes when dependency has changed
  5. • @Input() / input() • @Output() / output() • Props

    • PropFunction Coponent Communication
  6. • signal() • computed() • effect() • input() • output()

    • model() • useStore() • useSignal() • useComputed() Reactive Primitives
  7. Summary component$ STATE useSignal useStore TASKS useTask$ useVisibleTask$ CONTEXT createContextId

    useContext useContextProvider SLOTS Qwik enhanced progressively by hooks.
  8. Summary component$ SERVER server$ env PAGES Routing Dynamic Head DATA

    routeLoader$ routeAction$ Endpoints LAYOUTS Qwik comes with Qwik City
  9. Attributions - Photo by Anika Huizinga on Unsplash - Photo

    by Dawid Zawiła on Unsplash - Photo by RephiLe water on Unsplash - Photo by Jed Villejo on Unsplash