Welcome to
Demystifying Reactivity with Angular Signals
Course Syllabus and Content
Introduction
2 Lessons 13 Minutes
This module initiates your journey by highlighting the significance of lightweight dependencies, improved reactivity, and optimized performance in application development using Angular 17. Understand the reasons driving the upgrade from previous Angular versions to Angular 17.
Introduction to Build a Modern Angular Application with Signals
Project Architecture Build a Modern Angular Application with Signals
Getting Started with Signals
4 Lessons 26 Minutes
Discover the foundational concept of Signals within Angular and its relevance in the ecosystem. Understand the pivotal role Signals play, addressing performance concerns and simplifying Angular application development.
Getting started with the concept of signals
The importance of Signals over Change Detection and Zone.js
In this lesson, you will learn how to create our first Signals variable in Angular. You get to see how easy it is to declare variables compared to doing it with Observables which has a more robust boilerplate code.
Here, you will get to learn about the different Reactive primitives available in Signals, which are writable signals, computed and effects.
Signals and Http Requests
3 Lessons 16 Minutes
Combine RxJS and Signals to navigate HTTP requests from REST APIs. Learn to leverage the Interoperability API for managing asynchronous operations within Signals.
This video provides an insight into what we are going to do in this module.
In this module, you’ll learn how to combine RxJS and Signals when working with HTTP requests from the REST API. We will learn how to work with the Interoperability API when dealing with asynchronous operations in Signals.
Here we get to modify the code we wrote previously to fetch data from the server. We go ahead to show the simplicity of Signals by converting the data gotten from the Observable into Signals making use of the Interoperability API.
Sharing Data Between Different Components with Signals
6 Lessons 44 Minutes
Explore the techniques of disseminating data across various components using Signals, facilitating efficient communication and data exchange.
This video provides an insight into what we are going to do in this module.
In this module, we get to display how to spread data across different components with the use of Signals.
In this module, we will utilise Signals to increase and decrease the number of items to add to cart =, as well as integrate functionality to remove an item from cart.
In this lesson, we get a summary of all the items that have been added to the cart, which includes the number of items bought and the cart total.
Module Exercise
In this lesson, we will take a look at how to handle errors in Signals.
Course Wrap Up
1 Lesson 2 Minutes
In the final module, we comprehensively review every concept that's been covered in this course. Additionally, this module provides insights into upcoming features to be integrated into Angular 17 Signals.
We will do a review of all the concepts learned in the course and also look at the upcoming features to be integrated into Signals.