Migrate to Angular standalone components + Fixes #269
Open
dominika-zajac wants to merge 7 commits intong-girls:masterfrom
Open
Migrate to Angular standalone components + Fixes #269dominika-zajac wants to merge 7 commits intong-girls:masterfrom
dominika-zajac wants to merge 7 commits intong-girls:masterfrom
Conversation
…e, descriptions, and code examples
…kBlitz compatibility
Copilot AI
added a commit
that referenced
this pull request
Mar 7, 2026
…examples, update StackBlitz links Co-authored-by: willi84 <6207308+willi84@users.noreply.github.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Migrate to Angular Standalone Components
Summary
This PR migrates the entire tutorial — all 17 step-by-step code examples and the accompanying written content — from the legacy NgModule-based architecture to Angular Standalone Components, keeping the project up to date with modern Angular conventions.
What changed
Code examples (
examples/0_01–examples/0_19)app.module.tsfiles.app.config.tswithprovideRouter/provideHttpClientfor standalone bootstrapping.main.tsin every example to usebootstrapApplicationinstead ofplatformBrowserDynamic.importsarray to all components that previously relied onAppModuledeclarations.global_styles.csswithstyles.scssinangular.jsonacross all examples (required for StackBlitz compatibility).tsconfig.json/tsconfig.app.jsontargets and paths in all examples.postcssdependency and regeneratedpackage-lock.jsonfor all examples.Tutorial text (
workshop-todo-list/)@forcontrol flow syntax in code examples.OnInit/implements OnInitreferences that no longer apply.about/,interface/, andenrich-todo-itemchapters that had remaining standalone issues.troubleshooting/README.mdandinstallations/stackblitz.md.Motivation
Angular has been recommending standalone components as the default since v17. The current tutorial uses NgModules, which creates friction for learners following modern Angular documentation. This migration brings the tutorial in line with the Angular team's guidance and removes the need to explain
AppModuleas a prerequisite.Testing
Commits
9be892cb2af709c521dae71018fc@forsyntax and remove staleOnInitimports in tutorial text6500f801502aa20588dc7angular.json: replaceglobal_styles.csswithstyles.scssfor StackBlitz compatibility