Angular Design Patterns and Best Practices : Create Scalable and Adaptable Applications That Grow to Meet Evolving User Needs / Alvaro Camillo Neto, William Grasel, and Loiane Groner.

Format:

Book

Author/Creator:

Neto, Alvaro Camillo, author.

Grasel, William, author.

Groner, Loiane, author.

Language:

English

Subjects (All):

Web applications--Development.

Web applications.

Physical Description:

1 online resource (270 pages) : illustrations

Edition:

First edition.

Place of Publication:

Birmingham, England : Packt Publishing, [2024]

Summary:

Unleash the full potential of Angular 17 to create more robust and feature-rich applications effortlessly Key Features Boost your Angular app development productivity by leveraging often-overlooked advanced features and best practices Enhance the quality of your Angular applications by simplifying code Gain practical knowledge through real-world examples of advanced Angular features and design patterns Purchase of the print or Kindle book includes a free PDF eBook Book Description Single page applications (SPAs) have become the standard for most web experiences. Angular, with its batteries-included approach, has emerged as a powerful framework for simplifying the development of these interfaces by offering a comprehensive toolbox. This book guides you through the Angular ecosystem, uncovering invaluable design patterns and harnessing its essential features. The book begins by laying a strong foundation, helping you understand when and why Angular should be your web development framework of choice. The next set of chapters will help you gain expertise in component design and architecting efficient, flexible, and high-performing communication patterns between components. You'll then delve into Angular's advanced features to create forms in a productive and secure way with robust data model typing. You'll also learn how to enhance productivity using interceptors to reuse code for common functionalities, such as token management, across various apps. The book also covers micro frontend architecture in depth to effectively apply this architectural approach and concludes by helping you master the art of crafting tests and handling errors effortlessly. By the end of this book, you'll have unlocked the full potential of the Angular framework. What you will learn Discover effective strategies for organizing your Angular project for enhanced efficiency Harness the power of TypeScript to boost productivity and the overall quality of your Angular project Implement proven design patterns to streamline the structure and communication between components Simplify complex applications by integrating micro frontend and standalone components Optimize the deployment process for top-notch application performance Leverage Angular signals and standalone components to create performant applications Who this book is for Whether you're a web developer or a tech leader engaged in frontend development, be it for small-scale projects or large, complex systems, you'll find this book useful to enhance both the quality and performance of your applications. Web architects seeking to design robust and adaptable frontend applications while leveraging Angular's extensive feature set will discover valuable insights within these pages.

Contents:

Cover

Title Page

Copyright and Credits

Foreword

Contributors

Table of Contents

Preface

Part 1: Reinforcing the Foundations

Chapter 1: Starting Projects the Right Way

Technical requirements

Why choose Angular?

Batteries included

Google support

Community

Tooling

What technologies are present in the ecosystem?

TypeScript

RXJS

Karma and Jasmine

Webpack

Configuring your development environment

VS Code

VS Code settings

Fira Code font and ligatures

Standardizing the extensions and settings in the project

Angular DevTools

Starting an Angular project

Project structure

Using the Angular CLI for your productivity

ng add

ng update

ng serve

ng build

ng deploy

ng generate

Summary

Chapter 2: Organizing Your Application

Organizing the application with Angular modules

declarations

providers

imports

exports

The first module - AppModule

What is the difference between Angular and JavaScript modules?

Modules type

Avoiding anti-pattern - single module app

Optimizing the usage of common modules - the SharedModule pattern

Improving the size of your app - lazy loading

Chapter 3: TypeScript Patterns for Angular

Creating classes and types

Primitive and basic types

Classes

Interfaces

Type aliases

When to use classes, interfaces, or types

Creating methods and functions

Working with null values

Decreasing verbosity - type inference

Validating types - type guards

Using a better alternative to the any type

Chapter 4: Components and Pages

Creating components

Communication between components - inputs and outputs

Best practice - using the TrackBy property.

Separating responsibilities - Smart and Presentation components

Communication from the child component - using @Output

Propagating events from nested components

Chapter 5: Angular Services and the Singleton Pattern

Creating services

Understanding the dependency injection pattern

Using the inject() function

Communication between components using services

REST API consumption

Part 2: Leveraging Angular's Capabilities

Chapter 6: Handling User Inputs: Forms

Template-driven forms

Reactive forms

Data validation

Custom validations

Typed reactive forms

Chapter 7: Routes and Routers

Routes and navigation

Defining an error page and title

Dynamic routes - wildcards and parameters

Securing routes - guards

Optimizing the experience - Resolve

Chapter 8: Improving Backend Integrations: the Interceptor Pattern

Attaching the token to the request with an interceptor

Changing the request route

Creating a loader

Notifying success

Measuring the performance of a request

Chapter 9: Exploring Reactivity with RxJS

Observables and operators

Handling data - transformation operators

Another way to subscribe - the async pipe

Connecting information flows - high-order operators

Optimizing data consumption - filter operators

How to choose the correct operator

Part 3: Architecture and Deployment

Chapter 10: Design for Tests: Best Practices

What to test

Service tests

Fixing the tests and understanding TestBed

Component testing

E2E tests with Cypress

Chapter 11: Micro Frontend with Angular Elements

Technical requirements.

Micro frontend - concepts and application

When to use a micro frontend

When not to use a micro frontend project

Slicing your application into micro frontends

Creating a micro frontend application with standalone components

Preparing a page to be loaded by the base application

Dynamically loading micro frontends

Chapter 12: Packaging Everything - Best Practices for Deployment

Deploying the backend

Differentiating environments

Preparing the production bundle

Mounting a Docker image with Nginx

Deploying a page to Azure Static Web Apps

Chapter 13: The Angular Renaissance

Updating your project with the Angular CLI

Using a new way to create templates - control flow

Improving the user experience using the defer command

Creating transitions between pages - view transactions

Simplifying application states - Angular Signals

Index

Other Books You May Enjoy.

Notes:

Includes index.

OCLC-licensed vendor bibliographic record.

Description based on print version record.

ISBN:

9781837631100

1837631107

OCLC:

1417740500