Angular resources

[nearform]

Angular resources

[ianlnf]

• Deborah Kurata, Angular: Getting Started - https://www.pluralsight.com/courses/angular-2-getting-started-update
• CodeCraft Angular - https://codecraft.tv/courses/angular/quickstart/overview/
• CodeCraft Angular.js Migration - https://codecraft.tv/courses/angularjs-migration/overview/introduction/
• Nx, Angular.js Migration - https://nx.dev/recipes/adopting-nx/migration-angularjs
• Nx, Angular environment variables - https://nx.dev/recipes/environment-variables/use-environment-variables-in-angular

[allforabit]

RxAngular

Library to make Angular more reactive and remove the need for zone.js. For high performance applications this may be worth looking at. Would be a fairly advanced approach. Possibly gives a glimpse into how Angular might work once signals is added.

Introduction to RxJS in Angular

(Behind a paywall but can be visited in a private window)

RxJS in Angular: When To Subscribe? (Rarely)

• Explains why you should async to subscribe to components
• Guides you to avoid subscribing in services
• Introduces a nice declarative pattern for when you need to manually subscribe in a component using takeUntil

RxJS: Don’t Unsubscribe

Related (and linked from previous article) encourages use of takeUntil to manage unsubscriptions

Angular Elements: Web Components with Standalone Components

Describes how to turn an Angular standalone component into a web component

Angular Component Dev Kit (CDK)

Low level unstyled accessible components that can be built upon to provide something similar to React Aria, Headless UI or Radix in React. Ant Design also offers Angular versions of their components: https://ng.ant.design/docs/introduce/en

Tailwind Angular

Angular components setup with tailwind

How to conditionally wrap a div around ng-content

Solution to an issue that may arise when working with Angular templates

Angular Standalone Components: Welcome to a World Without NgModule

An introduction to Angular standalone components by influential community member Netanel Basal

Adding Suspense to Angular! 🕵️‍♂️

Again by Netanal Basal, some approaches to adding suspense to Angular (advanced topic)

Route-level code splitting in Angular

Good guide to code splitting on the route level in Angular

The introduction to Reactive Programming you've been missing

This is out of date but the concepts are still the same and is a good guide to getting into the reactive frame of mind

Deep Dive Into The RxJs switchMap Operator: How Does it Work?

Probably the most useful "advanced" operator in RxJS particularly in Angular

Comprehensive Guide to Higher-Order RxJs Mapping Operators: switchMap, mergeMap, concatMap (and exhaustMap)

Coverage of higher order operators beyond switchMap

Angular Signals Demo

Demo of a planned upcoming feature of Angular, signals by Sarah Drasner

RxJs Error Handling: Complete Practical Guide

Detailed guide on error handling in RxJS and how it maps to standard error handling in js

[ianlnf]

• Angular CLI and Nx - https://blog.nrwl.io/angular-cli-and-nx-why-df160946888f
• Ultimate Angular Course - https://ultimatecourses.com/courses/angular
• DIY Subscription Handling Directive - https://netbasal.com/diy-subscription-handling-directive-in-angular-c8f6e762697f
• Tim Deschryver Blog - https://timdeschryver.dev/blog
• Regression testing with Playwright snapshots - https://mmazzarolo.com/blog/2022-09-09-visual-regression-testing-with-playwright-and-github-actions/