All topics
Frontend · Learning hub

Angular cheat sheet & developer notes

Angular cheat sheet and 10 curated developer notes — core concepts, patterns, and interview prep. Maintained by the DevRecall team.

Save this stack to your DevRecallTest yourself — Angular quizMore Frontend notes
01 · Angular

RxJS & Observables

Angular RxJS & Observables. RxJS (Reactive Extensions for JavaScript) is a library for reactive programming using Observables. Angular extensively uses RxJS for handling asynchronous operations, HTTP requests, and event …

Read
02 · Angular

Routing & Navigation

Angular Routing & Navigation. Angular Router enables navigation from one view to the next as users perform tasks. It interprets browser URLs and navigates to client-generated views.. Router Setup. import { NgModule } fro…

Read
03 · Angular

State Management (NgRx & Signals)

Angular State Management. Angular provides multiple approaches to state management: services with RxJS, NgRx (Redux pattern), and Signals (Angular 16+). Choose based on your application complexity.. Service-Based State (…

Read
04 · Angular

Testing with Jasmine & Karma

Testing Angular Applications. Angular uses Jasmine as the testing framework and Karma as the test runner. Testing is built into the Angular CLI from the start.. Unit Testing Components. import { ComponentFixture, TestBed…

Read
05 · Angular

Components & Modules

Angular Components & Modules. Components are the building blocks of Angular applications. Every Angular app has at least one component, the root component. Modules organize components and dependencies into cohesive block…

Read
06 · Angular

Dependency Injection & Services

Angular Dependency Injection & Services. Dependency Injection (DI) is a core concept in Angular. It allows you to inject dependencies into components and services rather than creating them manually. Services are singleto…

Read
07 · Angular

Interview Questions

Angular Interview Questions. Comprehensive Angular interview questions covering architecture, components, services, RxJS, and best practices:. Fundamentals. 1. What is Angular and its key features?. Angular is a TypeScri…

Read
08 · Angular

Forms (Template-driven & Reactive)

Angular Forms. Angular provides two approaches to handling user input through forms: template-driven forms and reactive forms. Both capture user input events, validate input, and create a form model.. Template-Driven For…

Read
09 · Angular

Directives & Pipes

Angular Directives & Pipes. Directives and pipes are powerful features in Angular. Directives add behavior to elements, while pipes transform data in templates.. Built-in Directives. Structural Directives. <!-- *ngIf - c…

Read
10 · Angular

Change Detection & Performance

Angular Change Detection & Performance. Understanding and optimizing change detection is crucial for building performant Angular applications. Angular uses Zone.js to detect changes and update the view.. How Change Detec…

Read

Keep your Angular knowledge sharp.

Save this stack to your personal DevRecall — add your own notes, track what you're learning, and share what you know with the community.

Get started — free forever