New in Angular 14 – Standalone Components and Optional Modules (2022)

Angular framework always evolves and gets better and better with every release. This time really big changes are coming with Angular 14! One of the most significant changes is Standalone components that allow us to build angular applications without @NgModules. Yes, it is still in Developer Preview mode, so the API might change but we can see already the direction and play around with it and start adjusting our libraries and projects. What do you think about it? Let's discuss it in the comments!

✂️ Use coupon YOUTUBE_DISCOUNT to get a 10%-off discount ✂️

🕒 Time Codes:
00:00:00 - Intro;
00:00:28 - Motivation and Project onboarding;
00:04:58 - Updating project to Angular 14;
00:07:46 - Make the first Standalone component;
00:14:42 - Lazy-Loading and Standalone components;
00:19:00 - Bootstraping application without NgModule;
00:23:19 - Outro;

Initial project state on GitHub:

Finished project state on GitHub:

↙️ Short Frontend Snacks every week here:

#angular #webdevelopment #ng

[DecodedFrontend]

💥 Learn Angular Forms in-depth and start building complex form controls with ease💥

💡 Short Frontend Snacks (Tips) every week here:

[milanlucansky]

Thanks for sharing this very fresh feature from RC. Your channel @Decoded Frontend is my favorite source of knowledge for Angular.

[dynamica]

ще раз подивився відео, трішки освіжив скіли. дякую.

[FredDukker]

I really like the concept of modules. With modules you have the power to keep some components private and expose only the components you want to be referred in other components. From dependency management view you have more control which parts of your code have an higher dependency with others. Without modules it feels for my more like anarchie.

[nephilimson]

Thanks for video
ha, back to good old times) I remember NgModule was introduced in Angular 4. There were no modules since Angular 2 was introduced, so I remember the pain of migrating the existing projects to it

[himanshu]

I think this new feature can be the turning point for angular. And more devs will use angular for smaller projects, this can make development fast like in other frameworks (react and vue). As we know, right now angular use for medium to large projects only.

[satyricon]

Great video! Helped me a lot to migrate my own angular app (created for learning) to standalone components. I really appreciate!

[giorgikirvalidze]

I was used to NgModules, but i think that Standalone component will be somehow connected to the new feature they have on roadmap. Let's go Angular, and Decoded Frontend, watching you from the start, you rock !

[sachinthorkar]

Hi, at first, I really appreciate your way of introducing 14. You just update 13 to 14 and showed what is changed along with the details. bravo.. Cheers🤘

[DannyAwad]

I have to double check that I have hit the like button!, great job!

[yudgine]

Thank you for your videos!!! You are top at Angular video bloggers!

[pauloafpjunior]

What about shared modules that we used to create aiming to share pipes and components? How can we do this?

[demidovmaxim]

Excellent! Thank you very much dear friend for this informative video

[shadowgazesup]

How is it possible to add tips during typing in the terminal tab? Like at 5:27

[denisbielishev]

Thanks a lot. I appreciate your efforts.

[siavashbashiri]

That was awesome, thanks, really simple really understandable.

[newdawn]

Thank you so much for these great videos, great work.

[volodimiryemshyn]

Thanks you for this video, it was clear. I heard your mechanical keyboard, nice sound

[mohmedelkhodry]

I think total depending on standalone compnents will make the structure of projects messy in large scale projects but it still an optional till now so it is ok

[davidjournot]

Thank you for the explanations, it was really clear! I really like this approach, I feel like angular app architecture will be simplier with standalone components. I wish in the future there will be a way to lazy load a component when it appears in the template, without having to use the router.