Simplify with Angular Standalone Components

With standalone components, we can build our components to ... well ... stand alone ... separate from any Angular Module (NgModule).

This makes creating components easier. And it makes it clear which features each component's template uses.

Standalone components were provided in Angular version 14 as a developer preview. With Angular v15 and now v16, standalone components are stable and ready to be used in your production applications.

Let's talk about what standalone components are and how to use them.

*Content*
00:00 Standalone components
00:55 Without standalone components (using NgModule)
02:23 Review of code without standalone components
03:58 Defining a component as standalone
04:29 Walk through: Defining a component as standalone
05:35 Demo: Defining components as standalone
07:11 Running to validate our changes I
07:21 Debugging standalone component issues
08:51 Running to validate our changes II
09:15 Making a component stand alone

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
😊About Me
Hey! I'm Deborah Kurata
I'm a software developer and YouTube content creator. I speak at conferences such as VS Live and ng-conf. I write articles for freeCodeCamp. And I'm a Pluralsight author with courses in the top 10 most popular (out of 10,000+) over the past 5 years. For my work in support of software developers, I've been recognized with the Microsoft Most Valuable Professional (MVP) award, and I'm a Google Developer Expert (GDE).

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
#angular #bestpractices #angulartutorial #angularstandalonecomponents #standalonecomponents #demo

[rStudius]

Your lessons make me a better programmer. Thank you and never stop doing what you're doing :D

[joelcipriano]

This was the simplest and most straight to the point material on Stand Alone Components that I have ever seen. It demystified a migration that I need to do in an old project. Thank you very much, Deborah!

[rick_info_dev_pyt]

I discovered you on Pluralsight, and i love it all about your learning style !
You're just one of the best (easily top 5 or less, maybe 1 !) Angular/RxJs teacher ever i found out there since these 7 last years! So easy to learn or revise, with you, i thank you so much ! (And english is not my native language).💜💜💜

[austinZen]

Per usual Deborah is the go to person for the best coding tutorials! Looking forward to a $Thanks button with future videos so that I can forward a little $ your way.

[Nesbiteme]

You have to keep this up! Now serious Angular programmers can truly understand signals, standalone components, (most significantly) RXJS! Thank you!

[АннаЖиронкина-юб]

That was the best explanation for using standalone that I have ever seen. Thank you for your great job!

[fernandoroldan]

Thank you! The way you explain the core subject involves first asking, 'What information is needed to understand the subject?' I am really tired of technical videos where the author first asks, 'What information is needed to show how smart I am? Thank you for having such a novel approach in teaching!

[sidneyshuman]

So glad to have found your YouTube! Your pluralsight videos were great.

[kalebdalla]

Passing by just to mention that I love your videos!! Thanks for all the content about Angular. It's making me a better developer ;)

[sreeparnadas]

Than you so much. Finally I have understood the standalone concept in angular... 🤗

[edgaruriel]

hello Deborah, I want to tank you because I have been following almost all your Angular courses in Pluralsight and they have helped me a lot in my professional career.

Greetings from MX! 🙂

[warrayn]

Thank you so much for your lessons!
They are so interesting and I never get bored. I enjoy learning from you :) Thank you ☺️

[julienwickramatunga]

Thank you, very clear explaination.
Well done with the "let's debug" end section, very instructive!

[ainoodaud]

Thank you, really appreciate your help and support

[Emmodi]

Wonderful video, straight to the point

[sravant]

As usual, Crip and clear video. Thanks.

[elyoaprogrammer]

Hello thanks for all your Angular content contribution.

Hi Deborah, where can I find your courses updated to version 17 of angular? We have a lot of nice features to learn and you are the best to explain all this new features, thanks for sharing your knowledge with us.

[barny]

Thank you for the detailed explanation. ❤

[rs]

Thanks, I was waiting for this video 😊