This project contains a completed version of the web app from Angular's Tour of Heroes tutorial, with modifications to showcase the latest built-in Angular features as of version 17.1.2
. Those changes include:
- Standalone components, application, and routing
- Inline templates and styles
inject()
dependency injection function- ESBuild-based Angular builder (
@angular-devkit/build-angular:browser-esbuild
) - Vite-based Angular development server
- Signals for state management
OnPush
change detection in the root component, so only components with signal dependencies that update get marked for check by the change detectortoSignal()
andtoObservable()
interoperability functions- Signal-based
input
function for component props - New control flow syntax (
@if
and@for
) replaces the*ngIf
and*ngFor
directives - Tailwind CSS atomic styling with a TypeScript configuration file
- Tailwind UI design system components
- Placeholder loading elements to prevent cumulative layout shift