Mastering Angular

Reactive Extensions for JavaScript

Reactive programming is a world on its own and is not necessarily tied to Angular. However Angular uses RxJS in many of its APIs, so we must have a proper understanding of what it means to write reactive code. RxJS has a steep learning curve. But once you master it, there is no going back.

• What are Reactive Extensions
• Observable and Observer
• Subjects
• Cold versus Hot Observables
• Making Async Calls
• Combining Observables
• Error Handling
• Dealing with Back Pressure
• LAB - Spotify Search with Observables

Change Detection

This module will teach you about the internals of Angular. This knowledge is primarily useful for performance tuning and debugging strange behavior.

• Zones
• How Change Detection Works
• Immutables and Observables
• LAB - Optimizing Performance in an Angular Application

State management with NgRx

With the increasing complexity of client-side applications, a lot of state has to be kept. It's quite a challenge to keep all state consistent. Redux introduces a pattern to manage this state in a convenient way, while keeping your UI up to date as well. NgRx is the favorable implementation of Redux for Angular.

• The Redux Pattern
• Major Principles
• The Store, Actions and Reducers
• Using RxJS within Redux
• Efficient Slicing
• Using Async Pipes
• Tools

The NgRx Store

• Responsibilities
• Normalizing Data
• Initializing the Store

NgRx Reducers

• Useful Operators
• Splitting Up Reducers
• NgRx Effects
• LAB - Building a NgRx Store

Smart and Dumb Components

Should everyone be able to talk everything? No! Here we learn how to avoid chaos by splitting up our component into smart and dumb ones.

• Characteristics of Dumb Components
• Characteristics of Smart Components
• Performance Impact
• LAB - Integrating a NgRx Store into your Angular Application

Testing

Everybody is testing their code, right? No? Well, you should.

• Challenges
• Unit Testing
• Jasmine Features
• Karma
• Writing Testable Code
• Getting Started
• Isolated Tests
• Angular Testing Utility APIs
• LAB - Unit Testing in Angular

Structuring an Application

Applications grow larger, code bases become unmanageable. Unless you structure them right.

• Domain, Routing, Core and Shared Modules
• Exporting and Providing
• Clean Imports
• Creating Libraries

Forms Advanced

Being able to dynamically add input elements to a form is incredibly useful for applications. This chapter looks at how to do exactly that in Angular.

• Dynamically Adding Elements
• FormArray
• Nested Forms