Angular NgRx: Getting Started

NgRx is a powerful library for organizing and managing state and interactions with that state in your Angular applications using the redux pattern. This course gets you started with NgRx including a store, actions, reducers, effects, and selectors.
Course info
Rating
(248)
Level
Beginner
Updated
Jun 25, 2018
Duration
4h 5m
Table of contents
Course Overview
Introduction
The Redux Pattern
First Look at NgRx
Developer Tools and Debugging
Strongly Typing the State
Strongly Typing Actions with Action Creators
Working with Effects
Performing Update Operations
Architectural Considerations
Final Words
Description
Course info
Rating
(248)
Level
Beginner
Updated
Jun 25, 2018
Duration
4h 5m
Description

At the core of state management in Angular is a thorough knowledge of the Redux pattern and the NgRx library. NgRx is a powerful library for organizing and managing state and interactions with the state in your Angular applications following the Redux pattern. In this course, Angular NgRx: Getting Started, you will learn the three principles of the Redux pattern that NgRx follows and the benefits this brings to your Angular applications. First, you will discover how to define a single store for all of your application state, access data from the store with selectors, dispatch actions using action creators, and process those actions with reducers to create new state. Next, you will explore how to handle side effects, such as asynchronous operations, with effects. Finally, you will learn how to architect your Angular applications for scale and performance using the container and presentational component patterns. When you are finished with this course, you will have a foundational knowledge of NgRx that will help you move forward to develop larger or more complex Angular application.

About the author
About the author

Deborah Kurata is a software developer, consultant, Pluralsight author, Google Developer Expert (GDE) and Microsoft Most Valuable Professional (MVP). Follow her on twitter: @deborahkurata

More from the author
Angular Reactive Forms
Intermediate
3h 52m
Sep 5, 2019
Angular Routing
Intermediate
4h 49m
Aug 20, 2019
Angular: Getting Started
Beginner
5h 42m
Aug 14, 2019
More courses by Deborah Kurata
About the author

Duncan Hunter loves working in awesome teams to make awesome software.

More from the author
Play by Play: Fundamentals of Angular Testing
Intermediate
1h 58m
May 31, 2018
More courses by Duncan Hunter
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hey everyone, my name is Deborah Kurata, and I'm Duncan Hunter. Welcome to our course, Angular NgRx: Getting Started. This course gets you started with NgRx, the powerful library for organizing and managing state and interactions with that state in your Angular applications using the Redux pattern. We look at the three principles of the Redux pattern that NgRx follows and the benefits this brings to your Angular applications, such as state management, performance, tooling, and component communication. Next, we implement the pattern. We define a single store for our application state. We dispatch actions and process those actions with reducers, creating new state. We look at the awesome Redux dev tools browser extension to take your tooling to the next level with time travel debugging. We strongly type our state with interfaces and selectors and strongly type our actions with action creators. We end up with a clear and clean set of actions that the tooling uses to help us better dispatch and process those actions. Then we look at effects to deal with side effects and how these can help keep your components pure and more reusable. We go step by step through how to master these complex, but powerful, observable streams. Lastly, we explore key architectural considerations, including presentational and container component patterns and taking advantage of Angular's change detection strategy called OnPush. By the end of this course, you'll know the basics of using NgRx and the Redux pattern it implements. So you can get started using NgRx in your applications. I hope you'll join us on this journey to learn NgRx with Angular NgRx: Getting Started at Pluralsight.