Тёмный

Angular Standalone Components - No Ngmodules Anymore 

Monsterlessons Academy
Подписаться 47 тыс.
Просмотров 18 тыс.
50% 1

Опубликовано:

 

22 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 36   
@MonsterlessonsAcademy
@MonsterlessonsAcademy Месяц назад
WATCH NEXT: Angular Interview Questions and Answers - Dominate Your Next Interview - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-5A_YKlVWMPo.htmlsi=2DCn7yspEAAJ2H6l
@hasanibishi
@hasanibishi Год назад
Many videos I have watched for Standalone but none of them weren't understandable more than this! Thanks!
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Glad it helped!
@farrukhmomin5291
@farrukhmomin5291 Год назад
straight to the point, stay like this! true dev spirit.
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Thank you!
@JBuchmann
@JBuchmann Год назад
My developer experience has improved 5x since the release of standalone components. NgModules cause me sooo much frustration and friction. But now it's a pleasure. Also keep in mind, Angular gives instructions and some CLI commands to convert an app to be module-less.
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
I rerecord the whole angular ngrx course with standalone components and the amount of code is 30% smaller for sure.
@salimmalik302
@salimmalik302 Год назад
really like your delivery. on point! keep them coming! thanks a lot.
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Much appreciated!
@orviese
@orviese 2 месяца назад
Bravo!!! Great video, simple and powerful, It covers all I need to understand new angular 17-18 standalone components approach. Beers for you!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 месяца назад
Glad it was helpful!
@luczztem
@luczztem Год назад
is there any advantage on doing this? why would I want to do this?
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
This is a new way of Angular. Now they say that ngModules are optional which means it will soon transition to standalone like it was with hooks inside React
@luczztem
@luczztem Год назад
@@MonsterlessonsAcademy thanks this is very interesting
@3pleFly
@3pleFly Год назад
You can shorten your lazy loading code by removing the .then part. It will work ifthe component ormodule you import is a default export.
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Good to know!
@ktosinka
@ktosinka Год назад
all necessary details, helpful and understandable
@ktosinka
@ktosinka Год назад
basic on your experience - is application with ngModules or without more readable?
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
I like it more without modules. The rewritten angular ngrx project lost 20-30% of the code
@philipmutua
@philipmutua 9 месяцев назад
Thank for the video. Please do a tutorial of standalone components using Angular 17. The app.module.ts file is no longer needed.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 9 месяцев назад
But why? There is zero changes with standalone in Angular 17. app.module.ts is not needed in 16 version also.
@shahnawazk
@shahnawazk Год назад
Thanks! Very informative.
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Glad it was helpful!
@levlarlogeco6369
@levlarlogeco6369 Год назад
what plugins did you use on you vim, are you using neovim?
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Here are videos about my setup. Config files are in the descriptio. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-j6uqOvTRq6I.html ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-YrLiugDhCuk.html ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Xa4aOOB7XZo.html
@LailahaillahChannel
@LailahaillahChannel 11 месяцев назад
how do you handle shared components if you do not want to create a shared modules?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 11 месяцев назад
I just do /shared/components/button /shared/components/input
@CharithaSampathGunawardana
@CharithaSampathGunawardana Год назад
How to add dependencies like Angular material and use with Standalone components?
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Just import a module in standalone component
@luczztem
@luczztem Год назад
if I remove completely the app.module, do I need to import everything I need in every component? for ex. I have to import "RouterLink" in every component I will use it? is there a way to make some imports public in all components? I think modules did exactly this, right? XD
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Unfortunately you are totally right There are no “global imports”: you need to import a component/pipe/directive every time you use it. ngIf, ngFor, and friends are available in every standalone component generated by the CLI, as the skeleton includes the import of CommonModule. But routerLink for example is not: you need to import RouterModule if you need it. Other frameworks, like Vue for example, allow registering some components globally, to avoid importing them over and over. That’s not the case in Angular.
@luczztem
@luczztem Год назад
@@MonsterlessonsAcademy oh I see thank you. I will try using this paradigm, but I think for now it is best to continue using ngModules for practicity in the imports :( at least this gave me a better understanding of how ngModules work 💯
@davoodsoleimani9482
@davoodsoleimani9482 10 месяцев назад
@@MonsterlessonsAcademy So, what is the benefit of using standalone components instead of module?
@balkanhardbass
@balkanhardbass Год назад
Мне очень нравится музычка в начале. Сочный бассок.
@jakub.686
@jakub.686 Год назад
how to use service in standalone compoennt?
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Just inject it in providers array