Learn state management in Angular using NgRx: store, actions, reducers, selectors, side effects, etc. Gain hands-on experience and best practices.

Become an AngularJS Developer

This module is designed to teach you how to manage states in Angular using the powerful NgRx library.

We’ll learn the fundamentals of state management and how it can be implemented in an Angular application using NgRx. Next, we’ll learn how to use the NgRx store, actions, reducers, and selectors to manage the application states and handle complex data. We’ll also learn how to handle side effects and asynchronous operations in an Angular application.

Throughout the course, we’ll gain hands-on experience in implementing state management using interactive projects. We’ll explore best practices and design patterns for state management in Angular and how to structure the state of an application using NgRx. Additionally, we’ll learn how to write unit test cases for NgRx features.

By the end of the module, we’ll be able to implement and debug states in an Angular application. We’ll be able to create more scalable, maintainable, and testable Angular applications that can handle complex states and data.

Angular State Management

Which keyword helps you inherit properties from another class?

Which keyword helps you inherit properties from another class?

```
interface User {
  name: string;
  email: string;
}
```

```
interface User {
  name: string;
  email: string;
  age: string;
}
```

```
interface User {
  name: string;
  email: string;
  age: number;
}
```

What is the correct interface for the user object in the code below?
```
let user = {
  name: 'John Doe',
  email: 'john@doe.com',
  age: 50
}
```



What is the correct interface for the user object in the code below?
<pre><code>let user = {
 name: 'John Doe',
 email: 'john@doe.com',
 age: 50
}
</code></pre>

```
interface Person {
  name: string;
  age: number;
}

function(name, age) {
  return person = {
   name: name,
   age: age
  }
}
```

```
interface Person {
  name: string;
  age: number;
}

function(name: string, age: number) {
  return person = {
   name: name,
   age: age
  }
}
```

```
interface Person {
  name: string;
  age: number;
}

function(name: string, age: number): Person {
  return person = {
   name: name,
   age: age
  }
}
```

**(Select all that apply.)** Which code snippet implements strongly typed coding?

(Select all that apply.) Which code snippet implements strongly typed coding?

```
interface Vehicle {
  name: string;
  email: string;
}
```

```
interface Vehicle {
  brandName: string;
  mileage: number;
}
```

```
interface Vehicle {
  name: string;
  mileage: number;
}
```

What is the correct `interface` for the car `object` in the code below?
```
let car = {
  brand: 'BMW',
  mileage: 1500
}
```



What is the correct <code>interface</code> for the car <code>object</code> in the code below?
<pre><code>let car = {
 brand: 'BMW',
 mileage: 1500
}
</code></pre>

```
let course: Course = {
  name: 'Angular & NgRx',
  price: 20.00
}
```

```
let course: Course = {
  title: 'Angular & NgRx',
  hour: 20.00
}
```

```
let course: Course = {
  title: 'Angular & NgRx',
  price: 20.00
}
```

What is the correct implementation of the `Course` interface in the code below?
```
interface Course {
  title: string;
  price: number;
}
```


What is the correct implementation of the <code>Course</code> interface in the code below?
<pre><code>interface Course {
 title: string;
 price: number;
}
</code></pre>

NgRx with TypeScript

NgRx with TypeScript

Test your knowledge of strongly typed NgRx code.

Redux Fundamentals

NgRx Fundamentals

Implementing NgRx Fundamentals

Debugging NgRx

NgRx with TypeScript

NgRx: Advanced Concepts

NgRx Effects

Unit Testing NgRx

Implementing Shopping Cart Functionality

Appendix

Conclusion