Cool libraries for Angujar

AKA someone already do this before

Loading bar

angular-loading-bar

http://chieffancypants.github.io/angular-loading-bar/

• fully automatic
• customizable via js and css
• use interceptors to determinate the status of the request
• just include the depencency

Image Lazy Load

ng-lazy-image

https://github.com/afklm/ng-lazy-image

• use srcset "thats so cool"
• Support scrollable container 
• just include the directive

Infinite scroll

ngInfiniteScroll

http://binarymuse.github.io/ngInfiniteScroll/

• useful for large datasets
• appended dynamically

Angulartics

Angulartics

http://luisfarzati.github.io/angulartics/

• Declarative way (AKA angular way)
• Routes are managed automatically
• A lot of plugins like (Google Analytics, Kissmetrics, Mixpanel, Flurry, Piwik, Segment.io)
• Extendible via API (write your own modules)
• Page Tracking
• Event Tracking 
• Scroll Tracking

Translate (i18n)

pascalprecht.translate

http://angular-translate.github.io/

• internationalization and localization (i18n)
• Support Json files as languaje files

masonry

angular-masonry-directive

https://github.com/klederson/angular-masonry-directive

• Just like the original Masonry but for Angular
• Totally declarative

REact

ngReact

https://github.com/davidchang/ngReact

• Use React on angular apps
• Use React components as angular Directives with reactDirective service

linq

angular-linq

https://github.com/Angular-Public/angular-linq

• same as linqjs but in angular
• all the power of linq in angular
• dependency injection
• flexible query languaje for Arrays

var jsonArray = [{
  "user": {
    "id": 155,
    "screen_name": "b_mskk"
  },
  "text": "kabushiki kaisha"
}, {
  "user": {
    "id": 301,
    "screen_name": "a_xbox"
  },
  "text": "halo reach"
}]

var queryResult = $linq.Enumerable().From(jsonArray)
  .Where(function(x) {
    return x.user.id < 200
  })
  .OrderBy(function(x) {
    return x.user.screen_name
  })
  .Select(function(x) {
    return x.user.screen_name + ':' + x.text
  })
  .ToArray();

Angular-ui

angular-ui

https://angular-ui.github.io/

• Directives for bootstrap
• jQuery Passthrough
• ui-tinymce
• ui-map
• a lot of UI utils