The new Browser Preview extension for VSCode creates new possibilities when it comes to debugging. With minimal configuration, you can easily debug an Angular application, or any web application for that matter, all inside of VSCode! Check it out!
This is basically a grab bag of tips and tricks pertaining to reactive forms. Form validation, interactions with the state store, performance tips, and more! You'll want to bookmark this article once you finish reading it.
One of the best ways to learn Angular or any technology is to get your hands dirty and dive into a project. The WhatsApp Clone is a full stack tutorial that includes an Angular front end and is focused on setting up the proper architecture of an application. Each segment of the tutorial is crafted with the beginner in mind, so you don't need any prior knowledge to be successful. Angular 7, GraphQL, Apollo, and Angular Material are all included as part of the stack.
Testing components that have child components can be tricky and require a fair amount of boilerplate to get things set up properly. This article lays out four strategies for testing your components that may be helpful in your current project.
This is a thorough examination of Angular Schematics and highlights how OKTA uses schematics to add an OIDC flow to an application. You'll also learn how to create your own schematics and how to test them. You'll even be able to add support for
ng add with the Angular CLI. A video tutorial is also included.
Have you ever run across the need to dynamically load components in your Angular apps? Wesley does a great job explaining how to load dynamic components lazily and has a complete repo with a real-world example included in the article. The repo demonstrates
- Dynamic modules with multiple components
- The use of on-the-fly component changes
- That the scoped styles are loaded dynamically for each component