Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Reactivity with Signals in Angular v19+
Rating: 4.1 out of 5(18 ratings)
3,530 students

Reactivity with Signals in Angular v19+

Signals, Effects and Computed Signals
Created byMartijn Vissers
Last updated 6/2025
English
English [Auto],

What you'll learn

  • Learn how to use Signalw in real-world projects.
  • Understanding Signals to manage a reactive state
  • Create derived values using Computed Signals
  • React to changes in Signals using Effects

Explore related topics

Course content

3 sections • 8 lectures • 52m total length

  • Introduction2:02

    Explore Angular signals to manage state with a lightweight reactive primitive, enabling computed signals, effects, and template usage in a hands-on shopping cart, without RxJS.

  • What are we building?0:58

    Build a simple shopping cart app with signals, computed signals, and effects. Add and remove products, view total items and price, and persist the cart to local storage.

  • Project Setup4:18

    Create a new Angular project with the Angular CLI via npm, select scss, run ng serve to launch locally, and commit the starting point as boilerplate.

Requirements

  • No experience using Angular Signals is required
  • Some basic Angular v2+ experience may help with following along.
  • Some web programming experience is highly recommended.
  • Experience using NPM and the terminal is recommended.

Description

Angular Signals are the future of reactivity in Angular, offering a lightweight, intuitive alternative to RxJS for managing component state. In this concise, code-along course, you'll learn how to build a fully functional shopping cart using Angular Signals in under an hour


Whether you're an Angular beginner or a seasoned dev looking to level up your state management skills, this course walks you through the core concepts of Signals:


  • signal() for reactive state

  • computed() for derived values

  • effect() for side effects

  • Using signals in templates

  • Persisting state with localStorage


You’ll build a clean, reactive shopping cart that tracks item quantity, calculates totals in real-time, and saves to the browser. Along the way, you’ll see how Signals make Angular apps simpler, faster, and easier to reason about. No RxJS required.

By the end, you'll not only understand Signals conceptually, but also know how to use them confidently in real-world projects.


About the Instructor

I'm a full-stack developer with experience building custom software for businesses using Angular and TypeScript. I created this course to help developers understand Signals without the overhead of RxJS through practical examples. I believe learning should be fast, focused, and hands-on. Let’s build something great together in under one hour.

Who this course is for:

  • Angular v2+ Developers wanting to start using Signals in new or existing projects.
  • New Angular developers wanting to use signals

Report abuse