Neto Alvaro Camillo / Нето Альваро Камилло - Angular Design Patterns and Best Practices / Шаблоны проектирования Angular и лучшие практики [2024, PDF, EPUB, ENG]

Примеры страниц (скриншоты)

Оглавление

Preface xv
Part 1: Reinforcing the Foundations
1
Starting Projects the Right Way 3
Technical requirements 3
Why choose Angular? 4
Batteries included 4
Google support 4
Community 4
Tooling 5
What technologies are present in the
ecosystem? 5
TypeScript 5
RXJS 6
Karma and Jasmine 6
Webpack 6
Configuring your development
environment 7
VS Code 7
VS Code settings 9
Fira Code font and ligatures 9
Standardizing the extensions and settings in
the project 10
Angular DevTools 11
Starting an Angular project 12
Project structure 15
Using the Angular CLI for your
productivity 16
ng add 16
ng update 17
ng serve 17
ng build 18
ng deploy 18
ng generate 18
Summary 19
2
Organizing Your Application 21
Technical requirements 21
Organizing the application with
Angular modules 22
declarations 22
providers 23
imports 23
exports 23
The first module – AppModule 24
What is the difference between Angular and
JavaScript modules? 24
Modules type 25
Avoiding anti-pattern – single
module app 29
Optimizing the usage of common
modules – the SharedModule pattern 30
Improving the size of your app – lazy
loading 32
Summary 36
3
TypeScript Patterns for Angular 37
Technical requirements 37
Creating classes and types 38
Primitive and basic types 38
Classes 40
Interfaces 43
Type aliases 45
When to use classes, interfaces, or types 46
Creating methods and functions 47
Working with null values 48
Decreasing verbosity – type inference 49
Validating types – type guards 50
Using a better alternative to the any type 52
Summary 54
4
Components and Pages 55
Technical requirements 55
Creating components 56
Communication between
components – inputs and outputs 60
Best practice – using the TrackBy
property 63
Separating responsibilities – Smart
and Presentation components 65
Communication from the child
component – using @Output 68
Propagating events from nested
components 70
Summary 74
5
Angular Services and the Singleton Pattern 75
Technical requirements 75
Creating services 76
Understanding the dependency
injection pattern 78
Using the inject() function 80
Communication between
components using services 80
REST API consumption 83
Summary 87
Part 2: Leveraging Angular’s Capabilities
6
Handling User Inputs: Forms 91
Technical requirements 91
Template-driven forms 92
Reactive forms 97
Data validation 101
Custom validations 104
Typed reactive forms 107
Summary 108
7
Routes and Routers 109
Technical requirements 109
Routes and navigation 110
Defining an error page and title 113
Dynamic routes – wildcards and
parameters 116
Securing routes – guards 122
Optimizing the experience – Resolve 129
Summary 131
8
Improving Backend Integrations: the Interceptor Pattern 133
Technical requirements 134 Attaching the token to the request
with an interceptor 134
Changing the request route 139
Creating a loader 141
Notifying success 144
Measuring the performance of a
request 146
Summary 148
9
Exploring Reactivity with RxJS 149
Technical requirements 149
Observables and operators 150
Handling data – transformation
operators 151
Another way to subscribe –
the async pipe 153
Connecting information flows
– high-order operators 156
Optimizing data consumption
– filter operators 157
How to choose the correct operator 159
Summary 161
Part 3: Architecture and Deployment
10
Design for Tests: Best Practices 165
Technical requirements 165
What to test 166
Service tests 169
Fixing the tests and understanding
TestBed 173
Component testing 177
E2E tests with Cypress 179
Summary 184
11
Micro Frontend with Angular Elements 185
Technical requirements 185
Micro frontend – concepts and
application 186
When to use a micro frontend 186
When not to use a micro frontend project 186
Slicing your application into micro
frontends 187
Creating a micro frontend
application with standalone
components 188
Preparing a page to be loaded by the
base application 193
Dynamically loading micro frontends 196
Summary 200
12
Packaging Everything – Best Practices for Deployment 201
Technical requirements 201
Deploying the backend 202
Differentiating environments 207
Preparing the production bundle 210
Mounting a Docker image with Nginx 213
Deploying a page to Azure Static
Web Apps 215
Summary 219
13
The Angular Renaissance 221
Technical requirements 221
Updating your project with the
Angular CLI 222
Using a new way to create templates –
control flow 223
Improving the user experience using
the defer command 226
Creating transitions between pages
– view transactions 230
Simplifying application states
– Angular Signals 232
Summary 237
Index 239
Other Books You May Enjoy 246