Modern Angular

Discover the new features and techniques of the most modern versions of Angular.

The powerful Angular framework is ever-evolving, with each new iteration bringing amazing new modern features. Modern Angular gets you rapidly up to speed with Angular’s latest innovations.

Inside Modern Angular you’ll learn how to:

• Create modern Angular apps with the newest framework capabilities

• Setting up and structuring your Angular projects

• Implement advanced testing strategies for Angular

• Benefit from new improvements in debugging, image loading, and component inputs

• Apply state management with reactive programming

• Explore signals and server-side rendering

• Migrate legacy Angular projects to modern practices

• Refactor old Angular patterns using new techniques

• Use modern performance optimization approaches to improve User Experience

Discover new ways of working with components, dependency injection, RxJS, Signals, and more—all through building a complete enterprise-grade HR management system! You’ll soon be improving your daily development with Angular’s quality-of-life features, upgrading your app’s performance with server-side rendering, and getting ready for what’s coming Angular’s future. Plus, detailed migration guides demonstrate ways to update existing apps to modern patterns, and make it easy to modernize your legacy code.

About the technology

Modern web applications have to handle serious challenges, such as complex state management, reactive programming, and SEO. With a host of new features, ecosystem tools, and programming practices, the Angular web framework tackles modern web development head on. If you haven’t tried modern Angular, you’re in for a treat!

About the book

Modern Angular updates your web development skills to take advantage of new Angular features like signals, server-side rendering, and zoneless change detection. Each chapter explores an exciting capability by adding it hands-on to a full-featured app for managing HR systems. Along the way, you’ll explore dependency injection, RxJS, and standalone components, and pick up techniques for upgrading legacy apps.

What’s inside

• Advanced testing strategies

• RxJS and custom operators

• Performance and search engine optimization

• Migrate legacy Angular projects

About the reader

For experienced Angular developers. Covers Angular versions 12 and later.

Table of Contents

1. Welcome to modern Angular

2. A standalone future

3. Revitalized dependency injection

4. New capabilities of Angular building blocks

5. RxJS in modern Angular

6. Signals: A new approach to reactive programming

7. Signals: A deep dive

8. Unit testing in modern Angular

9. Modern Angular everywhere

10. What’s next in modern Angular?

About the Author

Armen Vardanyan is a front-end team lead from Armenia and a Google Developer Expert for Angular. He writes articles about Angular, TypeScript, NgRx, and is a panelist in the popular “Adventures in Angular” podcast, as well as a public tech speaker and mentor.