Welcome to Angular Bases
Angular Bases is a hands-on learning project built with Angular 21 that demonstrates modern Angular patterns and best practices. This project serves as a foundation for understanding core Angular concepts through practical, real-world examples.What You’ll Learn
Through this project, you’ll gain practical experience with:Signals
Master Angular’s reactive primitives with signal-based state management and computed values
Routing
Implement client-side routing with lazy loading and navigation guards
Components
Build reusable, maintainable components with standalone architecture
Change Detection
Optimize performance with OnPush change detection strategy
Project Features
Angular Bases includes three interactive demo pages:- Counter Page: Learn signal-based state management with increment/decrement operations
- Hero Page: Explore reactive forms and computed signals with character management
- Dragonball Page: Build dynamic lists with signal updates and array transformations
This project uses Angular 21.1.0 with standalone components and the latest Angular features including signals and modern routing patterns.
Prerequisites
Before you begin, ensure you have the following installed:- Node.js: Version 18.x or higher
- npm: Version 11.x or higher (comes with Node.js)
- Basic Angular Knowledge: Familiarity with TypeScript and Angular fundamentals
- Code Editor: VS Code recommended with Angular Language Service extension
Tech Stack
Angular Bases is built with:- Angular 21.1.0: Latest Angular framework with signals support
- TypeScript 5.9.2: Strongly typed JavaScript superset
- RxJS 7.8.0: Reactive programming library
- Vitest 4.0.8: Modern unit testing framework
- Angular Router: Client-side navigation and routing
Next Steps
Quick Start
Get up and running in 5 minutes
Installation Guide
Detailed installation and setup instructions
Core Concepts
Learn about signals, components, and routing
Components
Explore code examples and patterns