Building Angular Library: A Comprehensive Tutorial for Creating Reusable Components

Поділитися
Вставка
  • Опубліковано 17 жов 2024

КОМЕНТАРІ • 29

  • @MonsterlessonsAcademy
    @MonsterlessonsAcademy  Місяць тому

    WATCH NEXT: Angular Unit Testing Course - All That You Need to Know About Testing - ua-cam.com/video/bv9z_UfSqgM/v-deo.htmlsi=WVzOWtdQUZWEbqsz

  • @chrisb3902
    @chrisb3902 Рік тому +1

    I appreciate all your content!

  • @digitaldaridesatv1545
    @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?

  • @titokris5162
    @titokris5162 Рік тому

    Thanks a lot Monsterlessons Academy. Great contents !!!

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  Рік тому

      Glad you like it!

    • @rembautimes8808
      @rembautimes8808 5 місяців тому

      If I do a search on a topic on UA-cam 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
    @valikonen Рік тому +1

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

  • @zertyfield
    @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?

  • @PraveenJoshua23
    @PraveenJoshua23 6 місяців тому

    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?

  • @dg-cg5gi
    @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
      @MonsterlessonsAcademy  Рік тому +1

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

  • @marcolmos9079
    @marcolmos9079 4 місяці тому

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

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  4 місяці тому

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

  • @karthikeyan878
    @karthikeyan878 Рік тому

    Thank you, very useful content !!

  • @WisconsinCorruption
    @WisconsinCorruption Рік тому

    What are your thoughts on NX?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  Рік тому +1

      It is good. I have a video about it. ua-cam.com/video/m1NTKbHwNJk/v-deo.html

  • @dhanilaev1739
    @dhanilaev1739 Рік тому

    Getting NG023 while consuming library locally

  • @olehandershevchuk3491
    @olehandershevchuk3491 Рік тому

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

  • @arozendojr
    @arozendojr 8 місяців тому

    Have you already achieved 100% coverage using Library?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  8 місяців тому +2

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

  • @IamAsphalt
    @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

  • @clockwise9179
    @clockwise9179 Рік тому

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