In this video, we'll explore the power of NgRx Signals, the new and improved way to manage state reactively across your Angular applications. We'll build a complete task manager app, demonstrating key concepts like defining models, creating a signal store, adding todo items, toggling their completion status, and filtering the list based on status. Learn how NgRx Signals simplifies state management, ensuring performance, scalability, and a streamlined development experience. Plus, discover how to use effects to persist your todo list in local storage for a more robust app. Whether you're new to state management or looking to level up your Angular skills, this video is for you!
Practice writing complex software right in your browser, check out codecrafters with the following link which helps the channel grow too:
https://app.codecrafters.io/join?via=...
Tags:
angular
ngrx
ngrx signals
angular state management
angular tutorial
state management
angular development
angular app
frontend development
angular cookbook
web development
javascript
typescript
Link to code repo:
https://github.com/PacktPublishing/An...
Angular Cookbook 2nd Edition:
https://ng-cookbook.com/buy
Timeline:
00:00:00 - Introduction
00:00:46 - Project Overview
00:01:51 - Installing NgRx Signals package
00:02:35 - Creating the store and model
00:04:42 - Using the store in our application
00:07:32 - Adding todos (withMethods)
00:13:55 - Toggle todos (withMethods)
00:15:58 - Showing completed todos count (withComputed)
00:19:16 - Filtering todos (withComputed)
00:24:42 - Persisting todos in localStorage
00:33:41 - Showing a snackbar on all todos completed
Follow the socials:
/ codewithahsan
https://x.com/codewith_ahsan
/ code.with.ahsan
Watch video NgRx Signals Store: Angular State Management Made Simple online without registration, duration hours minute second in high quality. This video was added by user Code with Ahsan 15 August 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,609 once and liked it 62 people.