Advantages of Angular Library in Architectural Design

Advantages of Angular Library in Architectural Design

Piyali Das Piyali Das

Piyali Das

11+ yrs | Angular (Core + Material UI + AgGrid) | Nx Monorepo | NGRX | RXJS | GraphQL | TypeScript | JavaScript | SASS

发布日期: 2020年11月16日
+ 关注

Application Strategic Design

  1. Decompose the big application into smaller libraries
  2. Smaller libraries are easily maintainable than big application
  3. Libraries are reusable. You can use these libraries in another applications
  4. All libraries will share same dependency of angular version. Version mismatch will not create any problems.

Suppose in E-commerce Application, we can break this big application into some small libraries like :

No alt text provided for this image

We can reuse these libraries in different projects. We can call them Feature Libraries.

Another one is Utility Libraries which contains common utilities, services used by many libraries.

As per my E-Commerce application, i can create custom libraries like :

  • Dynamic Form
  • Validation
  • Timeout-dialog
  • Slider
  • Modal-dialog

要查看或添加评论，请登录

Piyali Das的更多文章

  • Accessible Bootstrap Dropdown Navigation
    2021年4月18日

    Accessible Bootstrap Dropdown Navigation

    The Focus Focus refers to what element in your application (such as a field, checkbox, button, or link) currently…

  • Front-end development using Gulp
    2021年3月29日

    Front-end development using Gulp

    Gulp is a JavaScript toolkit which helps you in implementing multiple front end tasks during web development, it can be…

  • Angular Dynamic Context Menu
    2021年1月26日

    Angular Dynamic Context Menu

    "contextmenu" is an event like click, mouseup, mousemove, mousedown. This "contextmenu" event is typically triggered by…

    2 条评论
  • Right-click Context Menu In JavaScript
    2020年12月29日

    Right-click Context Menu In JavaScript

    "contextmenu" is an event like click, mouseup, mousemove, mousedown. This "contextmenu" event is typically triggered by…

  • Dynamic Height in Angular Application
    2020年11月29日

    Dynamic Height in Angular Application

    In this tutorial, i have explained how you an dynamically set height of a div of component depending on other div of…

  • Code Optimization Advantage with Example
    2020年11月23日

    Code Optimization Advantage with Example

    Dynamic Font Change non-optimize code HTML code…

  • Angular Multi Application Project Creation
    2020年11月15日

    Angular Multi Application Project Creation

    If your installed Angular global version is different and you want to create different version Angular application…

    1 条评论
  • Tree shaking vs. Non tree shaking providers in Angular
    2020年10月15日

    Tree shaking vs. Non tree shaking providers in Angular

    In our example we are importing and referencing our Service in the AppModule causing an explicit dependency that cannot…

  • Angular Port Change
    2020年10月15日

    Angular Port Change

    3 steps to change port in Angular Change in Angular.json Change in script of package.

    2 条评论

社区洞察

其他会员也浏览了