Angular 20 application + Angular Material + Bootstrap 5
Showcase of NgRX examples - when returning back to a page it keeps it's state.
- Counter example.
- Book list example.
- Show even or odd numbers.
- Show users example.
- Show users with pagination.
- Show animals.
See the root of this project for example images.
Angular 20 needs a Node.js version of at least 20.19.0
Command to install
npm install
or shorter:
npm i
Command to run the application:
ng serve --open
or shorter:
ng s --o
August 2025
- Upgrade to Angular 20.
- Removed unnecessary package @angular/platform-browser-dynamic.
- Removed deprecated package @angular/animations.
- Using the keyword protected for properties that are only accessible in the template.
- Using the keyword readonly for properties initialized by Angular (input(), output(), model()).
- Other changes: Variables to signals, removed standalone: true from components.
- Replaced deprecated ngrx code in select function (where strings are deprecated and a selector function is needed) - example:
this._paginationData$ = this.store.select('pagination');
To:
this._paginationData$ = this.store.select(state => state.pagination);
- Suppressing deprecation warnings of Bootstrap in angular.json with the code:
"stylePreprocessorOptions": {
"sass": {
"silenceDeprecations": ["mixed-decls", "color-functions", "global-builtin", "import"]
}
},
- Various small changes.