Building Angular Library: A Comprehensive Tutorial for Creating Reusable Components

[@MonsterlessonsAcademy]

WATCH NEXT: Angular Unit Testing Course - All That You Need to Know About Testing - kzbin.info/www/bejne/mKecq5KLm7ikna8si=WVzOWtdQUZWEbqsz

[@chrisb3902]

I appreciate all your content!

[@MonsterlessonsAcademy]

Happy to hear that!

[@titokris5162]

Thanks a lot Monsterlessons Academy. Great contents !!!

[@MonsterlessonsAcademy]

Glad you like it!

[@rembautimes8808]

If I do a search on a topic on KZbin and I find a hit on Monstelessons, that will be the first video I watch. The content development is superb. Thanks so much for helping us all out here.

[@valikonen]

Great idea. Please make a payed course with monorepo, libs, multiple projects, etc.

[@MonsterlessonsAcademy]

Thank you for the idea. I will add it to the list

[@digitaldaridesatv1545]

Thank you so much! In angular project, we can update a package like: ng update @angular/core How to update package in a library?

[@karthikeyan878]

Thank you, very useful content !!

[@MonsterlessonsAcademy]

Glad you like it!

[@WisconsinCorruption]

What are your thoughts on NX?

[@MonsterlessonsAcademy]

It is good. I have a video about it. kzbin.info/www/bejne/o2KxhX6YfdyBgM0

[@zertyfield]

Perfect timing! I wanna do something like this soon. I do however have a question. I have a project with a core, feature(s) and a shared module. Every feature imports the shared module. I'm going to move all the components, directives etc from the shared module into the angular library so I can be used in multiple projects. Do I now put the Library module inside the shared module (sort of becomes wrapped) or do I directly use the library module inside the features? Because the shared module will be pretty empty and useless after moving everything into the lib module. Any suggestions or tips on how to approach this?

[@MonsterlessonsAcademy]

Keep it simple. You don't need shared in lib if you don't share anything.

[@marcolmos9079]

hi, is there any way to use global css variables through all the components of the library in order to create different themes?

[@MonsterlessonsAcademy]

sure. css variables kind of ignore angular rules. so you provide variable in parent and it will work

[@PraveenJoshua23]

Seems like modules are no longer there when libraries are installed now and all components are standalone by default. Do we have to import each component in the public-api?

[@MonsterlessonsAcademy]

Just export components

[@dg-cg5gi]

But how does this work with multiple components though? I'm trying to have a library where I can have like 30-40 custom components if necessary. This only allows for one component because we only have the one file that was generated in our `lib` folder?

[@MonsterlessonsAcademy]

export * from './lib/mla-users.component'; export * from './lib/mla-foo.component'; export * from './lib/mla-bar.component';

[@dhanilaev1739]

Getting NG023 while consuming library locally

[@MonsterlessonsAcademy]

No idea, sorry

[@arozendojr]

Have you already achieved 100% coverage using Library?

[@MonsterlessonsAcademy]

100% tests coverage is not needed. You need enough so your app doesn't break.

[@olehandershevchuk3491]

Для учбових відео краще використовуй Visual Code в дефолтному вигляді, бо в цьому редакторі що в тебе погано сприймається файлова структура, і в нумерації строк кода теж погано орієнтуватись... Це прям очевидно...

[@IamAsphalt]

there's nothing new compared to the other tutorials there's no info about adding dependencies, handling multiple style files(especially from dependencies), handling config injection etc

[@MonsterlessonsAcademy]

I never promised to deliver what you wrote down. It is a beginners guide.

[@clockwise9179]

his content is really good, however his accent is not really easy to listen to