Angular Signals aren't replacing RxJS. Learn how they coexist for simpler, more performant UI state management without the boilerplate.
#1about 4 minutes
The motivation for introducing Angular Signals
Angular Signals were created in response to user requests for better performance, simpler code, and more fine-grained control over UI updates.
#2about 8 minutes
Defining true reactivity in modern frameworks
True reactivity is characterized by immutable data structures, unidirectional data flow, and glitch-free updates, areas where traditional Angular had room for improvement.
A comparison of Zone.js default change detection, the OnPush strategy, and the more efficient, component-level updates enabled by signals.
#4about 5 minutes
Core concepts of writable, computed, and effect signals
An introduction to the three main types of signals: writable for direct updates, computed for derived values, and effect for running side effects.
#5about 4 minutes
How the push-pull protocol ensures glitch-free updates
Signals use a two-phase push-pull mechanism to notify consumers of a change before they pull the final, updated value, preventing intermediate state issues.
#6about 9 minutes
Comparing signals with RxJS observables
Signals are ideal for synchronous state management, while RxJS observables excel at handling asynchronous event streams, making them complementary tools.
#7about 10 minutes
Refactoring an application from observables to signals
A practical code walkthrough demonstrates how refactoring a cart service to signals reduces boilerplate, simplifies logic, and cleans up template syntax.
#8about 3 minutes
Summary of benefits and the future of reactivity
Signals deliver on user requests for better performance and simpler code by providing fine-grained, glitch-free reactivity while coexisting with RxJS.
#9about 6 minutes
Audience Q&A on signals and Angular development
The speaker answers audience questions on topics including error handling, async operations, best practices, community adoption, and the impact on learning Angular.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
02:38 MIN
Understanding reactivity and the role of Angular Signals
Client-Side State Management Reimagined – Think Outside the Box
05:09 MIN
Implementing the event-driven NgRx Signal Store API
Client-Side State Management Reimagined – Think Outside the Box
02:18 MIN
Exploring modern state management patterns beyond frameworks
Client-Side State Management Reimagined – Think Outside the Box
03:57 MIN
Using NgRx Signal Store for robust state management
Client-Side State Management Reimagined – Think Outside the Box
05:20 MIN
Introduction to state management strategies in Angular
Angular Unleashed: Mastering Modern Web Development with Angular
01:35 MIN
Refactoring live queries with RxJS and the async pipe
Meet Your New BFF: Backend to Frontend without the Duct Tape
WeAreDevelopers LIVE days are changing - get ready to take partStarting with this week's Web Dev Day edition of WeAreDevelopers LIVE Days, we changed the the way we run these online conferences. The main differences are:Shorter talks (half an hour tops)More interaction in Q&AA tips and tricks "Did you know" sect...
Dev Digest 134 - Where pixels sing?News and ArticlesWeAreDevelopers LIVE Data and Security Day is on Wednesday, 25/09/2024. Learn about OPC UA Updates, Best Practices for Using GitHub Secrets, Passwordless Web 1.5, Emerging AI Security Risks, Data Privacy in LLMs and get a chance to t...
Chris Heilmann
Dev Digest 136 - No JS(on) of mineNews and ArticlesDouglas Crockford is our featured video, so let's talk about evolving JavaScript and all things JSON. Judicious JSON explains all the weird things in it, you can learn why it can be incredibly slow, people wonder what even is a JSON ...
From learning to earning
Jobs that call for the skills explored in this talk.