A Piramide Vermelha

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. Angular Design Patterns and Best Practices Foreword Contributors About the author About the reviewer Preface Who this book is for What this book covers To get the most out of this book Download the example code files Conventions used Get in touch Share Your Thoughts Download a free PDF copy of this book Part 1: Reinforcing the Foundations 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 2 Organizing Your Application Technical requirements 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 Summary 3 TypeScript Patterns for Angular Technical requirements 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 Summary 4 Components and Pages Technical requirements 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 Summary 5 Angular Services and the Singleton Pattern Technical requirements Creating services Understanding the dependency injection pattern Using the inject() function Communication between components using services REST API consumption Summary Part 2: Leveraging Angular’s Capabilities 6 Handling User Inputs: Forms Technical requirements Template-driven forms Reactive forms Data validation Custom validations Typed reactive forms Summary 7 Routes and Routers Technical requirements Routes and navigation Defining an error page and title Dynamic routes – wildcards and parameters Securing routes – guards Optimizing the experience – Resolve Summary 8 Improving Backend Integrations: the Interceptor Pattern Technical requirements Attaching the token to the request with an interceptor Changing the request route Creating a loader Notifying success Measuring the performance of a request Summary 9 Exploring Reactivity with RxJS Technical requirements 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 Summary Part 3: Architecture and Deployment 10 Design for Tests: Best Practices Technical requirements What to test Service tests Fixing the tests and understanding TestBed Component testing E2E tests with Cypress Summary 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 Summary 12 Packaging Everything – Best Practices for Deployment Technical requirements Deploying the backend Differentiating environments Preparing the production bundle Mounting a Docker image with Nginx Deploying a page to Azure Static Web Apps Summary 13 The Angular Renaissance Technical requirements 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 Summary Index Why subscribe? Other Books You May Enjoy Packt is searching for authors like you Share Your Thoughts Download a free PDF copy of this book Unleash the full potential of Angular 17 to create more robust, feature-rich applications with less effort Key FeaturesBoost your Angular app development productivity by leveraging often-overlooked advanced features and best practicesEnhance the quality of your Angular application by simplifying codeGain practical knowledge with real-world examples of advanced Angular features and design patternsPurchase of the print or Kindle book includes a free PDF eBookBook DescriptionSingle 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 helps you explore the Angular ecosystem by uncovering invaluable design patterns and harnessing its essential features. The book begins by laying a strong foundation and helping you understand when and why you should choose Angular as your web development framework of choice. The next set of chapters will help you gain expertise in component design and learn to architect efficient, flexible, and high-performing communication patterns between them. Youll then delve into Angular's advanced features to create forms in a productive and secure way with robust data model typing. You'll also discover how to boost productivity using interceptors to effortlessly reuse code for common functionalities across various apps, including token management. Later, you'll explore micro frontend architecture to gain the knowledge needed to apply this architectural approach effectively. Finally, you'll 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 learnDiscover effective strategies for organizing your Angular project with enhanced efficiencyHarness the power of TypeScript to boost productivity and elevate the overall quality of your Angular projectImplement proven design patterns to streamline the structure and communication between componentsSimplify complex applications by employing micro frontend and standalone componentsEfficiently deploy your applications while ensuring top-notch performanceUse the capabilities of Angular signals and standalone components to create performant applicationsWho this book is forThis book is for a diverse audience, including web developers and tech leaders engaged in the development of frontend applications, ranging from small-scale projects to large, complex systems. Anyone eager to enhance both the quality and performance of their applications will find this book useful. Additionally, web architects seeking to efficiently design robust and adaptable frontend applications while leveraging Angular's extensive feature set will find valuable insights within these pages. Table of ContentsStarting projects the right wayOrganizing Your ApplicationTypeScript Patterns for AngularComponents and PagesAngular Services and Singleton patternHandling user FormsRoutes and RoutersImproving backend Interceptor PatternExploring Reactivity with RXJSDesign for Best PracticesMicro Frontend with Angular Elements&l