Angular Cookbook: Over 80 actionable recipes every Angular developer should know

Key Features

• Explore updated and new recipes to fill gaps in your knowledge while using Angular in production
• Discover industry best practices and tooling to enhance your development experience with Angular’s renaissance
• Gain an understanding of advanced Angular topics to become a proficient enterprise web developer

Book Description

Angular has long been the framework of choice for web development projects of various scales, offering much-needed stability and a rich tooling ecosystem for building production-ready web and mobile apps. This recipe-based guide to Angular will help you build up your Angular expertise with a wide range of recipes across key tasks in web development and show you how to build high-performance apps.

In this second edition, the recipes have been updated, added, and improved based on developer feedback and new challenges. The first few chapters will show you how to utilize core Angular concepts such as components, directives, and services to get you ready for building frontend web apps. You’ll then develop web components with Angular and go on to learn about advanced concepts such as dynamic components loading and state management with NgRx for achieving real-time performance.

Later chapters will focus on recipes for effectively testing your Angular apps to make them fail-safe, before progressing to techniques for optimizing your app’s performance. Finally, you’ll create Progressive Web Apps (PWA) with Angular to provide an intuitive experience for users.

By the end of this book, you’ll be able to create full-fledged, professional-looking Angular apps and have the skills you need for frontend development.

What you will learn

• Gain a better understanding of how components, services, and directives work in Angular
• Get to grips with creating Progressive Web Apps using Angular from scratch
• Build rich animations and add them to your Angular apps
• Manage your app’s data reactivity using RxJS
• Implement state management for your Angular apps with NgRx
• Optimize the performance of your new and existing web apps
• Write fail-safe unit tests and end-to-end tests for your web apps using Jest and Cypress
• Get familiar with Angular CDK components for designing effective Angular components

Who this book is for

This book is for intermediate-level Angular developers looking for actionable solutions to common problems in Angular enterprise development. Mobile developers using Angular will also find the recipes in this book useful. Working experience with JavaScript and TypeScript is necessary to understand the topics covered in this book more effectively.

Table of Contents

1. Winning Component Communication
2. Working with Angular Directives and Built-In Control Flow
3. The Magic of Dependency Injection in Angular
4. Understanding Angular Animations
5. Angular and RxJs - Awesomeness Combined
6. Reactive State Management with NgRx
7. Understanding Angular Navigation and Routing
8. Mastering Angular Forms
9. Angular and the Angular CDK
10. Writing Unit Tests in Angular with Jest
11. E2E Tests in Angular with Cypress
12. Performance Optimization in Angular
13. Building PWAs with Angular

Muhammad Ahsan Ayaz is a Google developers expert in Angular, a software architect, and a head instructor of JavaScript at the School of Applied Technology. He loves helping the start-up ecosystem and product owners to bring their ideas to life using JavaScript, Angular, and web technologies. He has built several open-source projects that he maintains and he speaks at events, along with creating articles and video courses.