<h2>Overview</h2>
The Angular Performance Checklist presents a comprehensive approach to optimizing Angular applications. By addressing both network performance and runtime efficiency, this checklist serves as a valuable resource for developers looking to enhance their applications’ speed and responsiveness. It emphasizes crucial techniques such as server-side rendering, code bundling, and change detection optimization, allowing developers to streamline their development process while ensuring a smoother user experience.
From reducing load times with pre-fetching resources to implementing advanced strategies like lazy-loading and Ahead-of-Time (AoT) compilation, the document meticulously outlines actionable practices that can significantly improve application performance. It is an essential guide that caters to both novice and experienced developers aiming for excellence in Angular application deployment.
<h2>Features</h2>
<ul>
<li>
Network Performance Enhancements: Offers methods for reducing latency and bandwidth, significantly improving the initial load time of applications.
</li>
<li>
Bundling Techniques: Discusses the importance of bundling to minimize the number of requests made by the browser, enhancing application delivery speed.
</li>
<li>
Code Splitting: Introduces strategies using Webpack to avoid large single bundles, optimizing resource loading as applications grow.
</li>
<li>
Ahead-of-Time (AoT) Compilation: Promotes the use of AoT to pre-compile application templates and increase load times.
</li>
<li>
Efficient Caching Strategies: Advises on implementing caching mechanisms to reduce server requests, improving overall performance.
</li>
<li>
Change Detection Optimizations: Covers various practices to refine change detection, such as using OnPush strategy and minimizing unnecessary DOM updates.
</li>
<li>
Service Workers: Details how utilizing service workers can improve performance by enabling offline capabilities and caching resources.
</li>
<li>
Runtime Performance Practices: Discusses tools and strategies that aid in maintaining responsiveness during application runtime, ensuring a seamless user experience.
</li>
</ul>

<h2>Overview</h2>
It appears that there is a shift in the development landscape with some tools no longer receiving active maintenance. This can be concerning for developers who want to ensure they are using reliable and up-to-date resources for their projects. In light of this, exploring alternatives like Angular CLI could be beneficial for starting new projects.
<h2>Features</h2>
<ul>
<li>Modern Tooling: Angular CLI provides a streamlined environment for building applications with the latest tools and features.</li>
<li>Efficient Workflow: Automates common tasks like project setup, testing, and deployment, enhancing productivity and reducing manual errors.</li>
<li>Powerful Configuration: Offers extensive configuration options to tailor projects to specific requirements without compromising flexibility.</li>
<li>Built-in Best Practices: Encourages adherence to industry best practices, resulting in cleaner and more maintainable code.</li>
<li>Active Community Support: Being widely used, it boasts a large community for assistance, resources, and ongoing enhancements.</li>
<li>Seamless Integration: Works smoothly with other Angular libraries and tools, making it a versatile choice for full-stack development.</li>
<li>TypeScript Support: Deep integration with TypeScript fosters better tooling, type safety, and easier refactoring capabilities.</li>
</ul>

<h2>Overview</h2>
Angular Transitions offers a streamlined way to implement smooth and visually appealing transitions in Angular applications. With pre-defined CSS3 transformations, developers can easily enhance their user interfaces, making them more interactive and engaging. This tool is particularly useful for those utilizing <code>ng-view</code>, <code>ui-view</code>, or various directives like <code>ng-repeat</code> and <code>ng-show/ng-hide</code>.
With support for both the 1.1.5 and 1.2.0 APIs, Angular Transitions provides flexibility and compatibility for a wide range of projects. It's an excellent choice for developers looking to elevate their application's aesthetic and user experience without extensive custom coding.
<h2>Features</h2>
<ul>
<li>
Pre-defined CSS3 Transformations: Simplifies the process of adding transitions by providing ready-to-use transformation styles that enhance UI elements.
</li>
<li>
Compatibility with ng-view and ui-view: Seamlessly integrates with Angular's routing features, allowing for smooth transitions between different views.
</li>
<li>
Support for ng-repeat: Enables transitions for repeated elements, making it easy to create engaging lists with dynamic content changes.
</li>
<li>
Dynamic Show/Hide Effects: Utilizes <code>ng-show</code> and <code>ng-hide</code> directives to create smooth effects for displaying and hiding elements, contributing to a polished user experience.
</li>
<li>
API Support: Compatible with both 1.1.5 and 1.2.0 APIs, ensuring that developers can use it across various versions of Angular without issues.
</li>
<li>
User-friendly Integration: Designed to be simple to implement, allowing developers of all levels to enhance their applications without extensive knowledge of CSS or animations.
</li>
</ul>
With these features, Angular Transitions proves to be a valuable addition for anyone looking to improve their Angular applications with smooth, visually appealing transitions.

<h2>Overview</h2>
The AngularJS WebRTCDemo project is an exciting initiative designed to showcase the capabilities of WebRTC technology using AngularJS framework. This project serves as a practical example for developers and enthusiasts looking to understand how real-time communication can be implemented in web applications. With an increasing demand for seamless audio and video communication, this demo provides a clear path for anyone interested in integrating advanced web features.
This demo offers a user-friendly interface and engaging features that demonstrate the principles of peer-to-peer connections, allowing users to communicate effortlessly. Whether you're a seasoned developer or a newcomer, the AngularJS WebRTCDemo is a fantastic resource that can help enhance your coding skills and understanding of modern web technologies.
<h2>Features</h2>
<ul>
<li>Real-Time Communication: Experience peer-to-peer audio and video calling, demonstrating the strength of WebRTC's capabilities.</li>
<li>User-Friendly Interface: Designed with ease of use in mind, allowing users to navigate through features without any hassle.</li>
<li>AngularJS Integration: Leverages the power of AngularJS for building dynamic single-page applications, showcasing practical use of the framework.</li>
<li>Open Source: Contributes to the developer community by providing a publicly accessible codebase that can be customized and improved upon.</li>
<li>Cross-Platform Compatibility: Works across different devices and browsers, ensuring a wide reach and usability.</li>
<li>Live Demonstration: The project allows users to experience real-time communication directly in their browser, providing hands-on learning.</li>
<li>Extensible Architecture: Facilitates easy additions and modifications to enable further development and feature enhancement.</li>
</ul>

<pre><code class="language-markdown">## Overview
The Deprecated Angular 2 Style Guide is a collaborative effort by the Angular core team and John Papa to unify best practices for Angular developers. This guide emerged from extensive analysis of internal usage at Google as well as insights from existing AngularJS and Angular 2 style resources. By creating a comprehensive and effective set of guidelines, it aims to promote well-structured coding practices that enhance maintainability and collaboration in Angular projects.

As the framework evolves, adapting to the changing landscape of front-end development is crucial. This style guide serves as a valuable resource for developers looking to improve their code quality and adhere to industry standards while using Angular. 

## Features
- **Best Practices**: Consolidates best practices derived from real-world usage and expertise to improve code efficiency. 
- **Collaboration with Experts**: Developed in conjunction with notable experts, ensuring high-quality guidance that reflects current trends and methodologies.
- **Comprehensive Coverage**: Encompasses a wide range of topics, from project structure to specific coding habits, providing a holistic approach to Angular development.
- **Version History Reference**: Includes previous style guides to track the evolution of best practices and provide context for updates and changes.
- **Focus on Maintenance**: Aims to improve the maintainability of code, which is vital for ongoing development and team collaboration.
- **Adaptable Guidelines**: Offers flexibility to adapt to changes in the Angular framework, ensuring the guide remains relevant as technologies advance.
</code></pre>

<h2>Overview</h2>
AngularJS is a prominent JavaScript framework developed by Google, designed specifically for creating single-page applications (SPAs) that operate with seamless transitions and dynamic content updates. By employing a model-view-controller (MVC) architecture, AngularJS simplifies the development process through features such as two-way data binding, dependency injection, and a clear separation of concerns. This framework allows developers to build rich applications that offer a smooth user experience without traditional page reloads.
In this document, a variety of design and architectural patterns utilized within AngularJS applications are explored. By grouping these patterns with their respective components—like controllers, services, and directives—developers can gain a deeper understanding of how to effectively leverage AngularJS in their projects for better structure and efficiency.
<h2>Features</h2>
<ul>
<li>
Two-way Data Binding: Automatically synchronizes data between the model and the view, reducing the need for manual updates and enhancing user experience.
</li>
<li>
Dependency Injection: Built-in support for managing dependencies, which allows for more modular and testable code, making applications easier to maintain.
</li>
<li>
Separation of Concerns: Clearly divides application logic into distinct components (partials, controllers, services) to improve maintainability and scalability.
</li>
<li>
Modular Architecture: Utilizes modules to organize components effectively, promoting a high level of abstraction that facilitates development in larger applications.
</li>
<li>
Testability: The design of AngularJS allows for easy testing of components, which is essential for ensuring reliability and performance.
</li>
<li>
Abstraction: Simplifies complex functionality by encapsulating features within components, improving code clarity and reusability in development.
</li>
<li>
Rich Ecosystem: A vibrant community and a wide array of third-party resources and plugins that enhance the capabilities of AngularJS, allowing developers to implement additional features with ease.
</li>
<li>
Active Record Pattern: A design pattern used in managing data, allowing models to be responsible for their own persistence without tightly coupling the data logic to the business logic.
</li>
</ul>

<h2>Overview</h2>
The AngularJS style guide serves as a comprehensive resource aimed at promoting best practices and enhancing the maintainability of AngularJS applications. Rooted in insights from the AngularJS source code, various literature, and the author's personal experience, this guide is designed to be community-driven, inviting contributions and improvements from developers. The emphasis on a standardized approach ensures that both new and experienced developers can work together effectively, making it an invaluable asset for anyone involved in AngularJS development.
The guide primarily lays out structural and stylistic recommendations tailored specifically for AngularJS, distinguishing itself from broader JavaScript development practices. By adhering to these guidelines, developers can create more organized, efficient, and scalable applications, making collaboration easier and minimizing errors.
<h2>Features</h2>
<ul>
<li>
Comprehensive Directory Structure: Organize your application with a clear hierarchy, promoting a logical flow and better maintenance of components.
</li>
<li>
Best Practices for Component Files: Place each component's associated files in a single directory, simplifying navigation and ensuring consistency across your project.
</li>
<li>
Consistent Naming Conventions: Utilize lisp-case for multi-word directory names and maintain a single component per JavaScript file for clarity and ease of access.
</li>
<li>
Centralized Testing: Keep unit tests in the same directory as the components they validate, allowing for easy reference and documentation of use cases.
</li>
<li>
Documentation of Best Practices: Insightful guidelines on directory structure, markup, and naming conventions help developers produce clean, maintainable code.
</li>
<li>
Community Contributions: The guide encourages input from the community, ensuring it remains up-to-date and reflective of collective best practices.
</li>
<li>
Translation Availability: Offers translations into multiple languages, making it accessible to a broader audience of developers worldwide.
</li>
<li>
Reference to External Style Guides: While focusing on AngularJS, the guide also recommends other JavaScript style guides, providing a well-rounded perspective on code quality.
</li>
</ul>

<h2>Overview</h2>
Codelyzer is a valuable tool for Angular developers, designed to enforce static code analysis and adhere to coding standards specifically tailored for Angular TypeScript projects. It seamlessly integrates with various development environments and tools, such as Angular CLI and atom, to ensure that your code aligns with best practices, improving the overall quality and maintainability of your applications. Whether you are working on web apps, NativeScript, or Ionic, Codelyzer helps you identify potential issues and enhances your coding experience.
With its user-friendly setup process and comprehensive configuration options, Codelyzer serves as an essential resource for both new and experienced developers. This powerful linter not only helps catch errors early in the development process but also enables teams to maintain consistency across projects.
<h2>Features</h2>
<ul>
<li>
Easy Integration: Integrates effortlessly with Angular CLI and other Angular projects, allowing you to run static analysis with minimal configuration.
</li>
<li>
Customizable Rules: Offers a range of TSLint rules tailored for Angular, enabling you to customize your linter settings according to your project's requirements.
</li>
<li>
Out-of-the-Box Support: Works with popular setups like angular-seed, providing pre-configured options that simplify the onboarding process.
</li>
<li>
Enhanced Editor Support: Provides support for popular code editors such as VSCode and Atom, ensuring a smooth development workflow with linting feedback directly in your editor.
</li>
<li>
Built-in Style Guide Compliance: Ensures that all components follow the Angular Style Guide by default, promoting best practices and reducing the likelihood of errors in your code.
</li>
<li>
Comprehensive Error Reporting: Generates detailed reports that pinpoint code violations, making it easier to resolve issues and improve your code quality.
</li>
<li>
Community-Driven: Actively maintained with community input, allowing developers to vote on feature requests and enhancements to continually improve the tool.
</li>
<li>
Recommended Configuration: Comes with a recommended configuration that aligns with the Angular Style Guide, making it easy to get started with best practices.
</li>
</ul>

<h2>Overview</h2>
Ngast is an innovative library designed to simplify the process of parsing Angular projects. Built on top of Ivy, it provides a user-friendly API that makes it easier for developers to analyze and understand their codebase. Whether you are looking to enhance your static code analysis or reverse engineer existing applications, ngast is set to help streamline your workflow.
This tool is particularly valuable for teams working on large Angular projects, as it allows for a comprehensive examination of the workspace. While the initial analysis may take some time—especially with larger projects—this library unlocks a wealth of information about decorated classes and routes, empowering developers to manage their applications more effectively.
<h2>Features</h2>
<ul>
<li>User-Friendly API: ngast offers a straightforward API tailored for ease of use, making it simple to integrate into any Angular project.</li>
<li>Built on Ivy: This library leverages the Ivy engine (ngtsc), ensuring it utilizes the latest features and optimizations found in modern Angular applications.</li>
<li>Workspace Analysis: Once connected to your <code>tsconfig.json</code>, ngast can find all decorated classes, providing critical insights into your project's structure.</li>
<li>Long Analysis Time: While effective, initial analysis may take over 10 seconds for smaller projects and potentially over 2 minutes for larger ones, highlighting the depth of its analysis.</li>
<li>Backward Compatibility: Version 0.4.0 supports the ViewEngine, allowing users with earlier Angular versions to benefit from its features.</li>
<li>Integration with Other Tools: Compatible with multiple projects like ngrev for reverse engineering, and codelyzer for static analysis, ngast enhances its utility when used in conjunction with other resources.</li>
<li>Open Source License: Released under the MIT license, ngast is freely available for use and modification, fostering a community-driven approach to development.</li>
</ul>

<h2>Overview</h2>
The Automated MigrationTool, also known as ngmigrate, is an innovative solution designed for developers looking to seamlessly transition their Angular applications from the deprecated <code>&#x3C;template></code> elements to the newer <code>&#x3C;ng-template></code>. As a proof of concept, this tool employs a singular yet effective migration strategy that takes into account the specific context of your code, ensuring that the migration process is both accurate and efficient. With the introduction of this tool, Angular developers can look forward to a smoother upgrade path while maintaining the integrity of their applications.
The primary advantage of using ngmigrate lies in its context-aware capabilities. Unlike traditional search-and-replace methods that can risk unintentional code corruption, ngmigrate utilizes the Angular Compiler, codelyzer, and tslint to thoroughly analyze your application before executing the migration. Although it's a work in progress, this tool provides a significant leap forward for Angular development, making it easier to keep up with evolving standards.
<h2>Features</h2>
<ul>
<li>Context-Aware Migration: Automatically replaces <code>&#x3C;template></code> elements with <code>&#x3C;ng-template></code> by understanding the context, leading to fewer errors compared to manual methods.</li>
<li>Angular Compiler Integration: Parses your code through the Angular Compiler for accurate migration, ensuring that the semantics of your code are respected.</li>
<li>Compatibility with codelyzer and tslint: Utilizes these tools for thorough analysis, enhancing the reliability of the migration process.</li>
<li>Warning System: Encourages developers to perform migrations under version control to prevent loss of code and information, highlighting the importance of preserving data integrity.</li>
<li>Well-Tested Framework: While still a proof of concept, the tool has been thoroughly tested to mitigate potential glitches during the migration.</li>
<li>MIT License: Open-source licensing allows for flexibility and community contributions to the tool's development.</li>
</ul>

<h2>Overview</h2>
Ngresizable is an impressive tool for Angular developers looking to enhance their applications with resizable components. This Angular-specific functionality is built with modern web technologies in mind, ensuring compatibility with a variety of Angular versions (2 and beyond). Its capabilities support seamless integration into applications that require dynamic resizing functionalities.
The component not only promotes efficiency and performance through tree-shaking but also supports Ahead of Time (AoT) compilation and is Universal and Web Worker friendly. This makes Ngresizable a versatile choice for developers aiming to create responsive and user-friendly interfaces.
<h2>Features</h2>
<ul>
<li>Tree-Shakable: Allows unused code to be removed during the build process, optimizing the size of your application.</li>
<li>AoT Compilation: Enhances load times and performance by precompiling templates and components before they are served to users.</li>
<li>Universal Support: Compatible with server-side rendering, enabling faster first-page loads and better SEO performance.</li>
<li>Web Worker Friendly: Can be used in a multi-threaded environment, improving application responsiveness by offloading processing tasks.</li>
<li>Easy Integration: Designed specifically for Angular applications, making it simple to implement without extensive modifications to existing code.</li>
<li>Dynamic Resizing: Facilitates the creation of flexible UI elements that can be resized by users, enhancing interactivity and user experience.</li>
</ul>

<h2>Overview</h2>
Ngrev is an innovative graphical tool designed for reverse engineering Angular projects, making it a valuable asset for developers aiming to better understand the structure and interconnections within their applications. By allowing users to navigate through modules, providers, and directives, ngrev enhances the development experience through its static code analysis capabilities, which means there's no need to run the application to utilize its features. Although it is not maintained by the Angular team, this open-source project has garnered attention from the community for its utility in project assessment and modification.
The tool is user-friendly and compatible with different operating systems, enabling developers using macOS, Linux, or Windows to easily install and utilize it. With the capacity to create custom themes, ngrev offers flexibility in personalization, allowing developers to tailor their workspace to enhance productivity. Overall, ngrev stands out as a unique tool for Angular enthusiasts and seasoned developers alike.
<h2>Features</h2>
<ul>
<li>Static Code Analysis: Analyze your code without requiring the application to run, simplifying the debugging and understanding process.</li>
<li>Graphical Navigation: Easily navigate through your application's structure, observing the intricate relationships between modules, providers, and directives.</li>
<li>Cross-Platform Compatibility: Available for macOS, Linux, and Windows, making it accessible for a wide range of developers.</li>
<li>Custom Theme Creation: Personalize your interface by creating custom themes, allowing you to work in an environment that suits your style.</li>
<li>Angular Ivy Compatibility: Works with Angular versions 11 and above, ensuring modern features and optimizations are utilized.</li>
<li>Open Source: Developed by the community, ngrev encourages contributions and offers a collaborative atmosphere for ongoing improvements.</li>
<li>User-Friendly Installation: Simple installation process across platforms reduces the barrier to entry for new users.</li>
</ul>

<h2>Overview</h2>
The mgechevngx-hover-preload package is an innovative solution designed for applications that utilize lazy-loaded routes within Angular. By employing a preloading strategy that activates on mouse hover over router links, it optimizes user experience by anticipating navigation needs and preloading the necessary modules. This approach minimizes waiting times, making transitions smoother and more efficient.
In a world where performance is key, this package stands out among alternatives by providing a less aggressive yet effective preloading strategy. While other options like ngx-quicklink and Guess.js offer alternate methods of preloading, the hover-triggered mechanism strikes a balance between resource usage and user responsiveness.
<h2>Features</h2>
<ul>
<li>
Preloading on Hover: Activates module preloading as users hover over router links, enhancing navigation speeds.
</li>
<li>
Easy Integration: Simple to install and set up within existing Angular applications, requiring minimal configuration for effective use.
</li>
<li>
Modular Design: Works seamlessly with lazy-loaded modules, ensuring preloading is only activated where it's beneficial.
</li>
<li>
Fallback Mechanism: In case of incorrect predictions, it gracefully reverts to hover preloading, ensuring reliability in navigation.
</li>
<li>
Lightweight: Does not overwhelm network or CPU resources as it preloads only when necessary, unlike more aggressive strategies.
</li>
<li>
Flexibility: Allows disabling prefetching for specific routes, providing developers with greater control over performance management.
</li>
<li>
MIT License: Freedom to modify and use within your projects ensures that it can fit a variety of development needs.
</li>
</ul>

<h2>Overview</h2>
Ngx-quicklink is a powerful tool designed specifically for Angular applications, providing an intelligent preloading strategy for lazy-loaded modules. It leverages the viewport visibility of links to enhance your application's performance by prefetching resources seamlessly. With ngx-quicklink, navigating between pages becomes a much faster experience, making it an essential addition for developers looking to improve user interactions.
This lightweight solution aims to enhance the performance of Angular applications while keeping the package size minimal, around 2KB when minified and gzipped. By implementing ngx-quicklink, you not only optimize loading times but also create a smoother experience for users, ensuring they stay engaged with your application.
<h2>Features</h2>
<ul>
<li>
Lazy Loading Optimization: Automatically downloads lazy-loaded modules associated with all links visible on the screen, improving navigation speed.
</li>
<li>
Smart Detection: Utilizes Intersection Observer to detect which router links are within the viewport, ensuring efficient preloading.
</li>
<li>
Idle Time Prefetching: Waits for the browser to be idle using requestIdleCallback before initiating preloading, optimizing resource usage.
</li>
<li>
Connection Awareness: Checks the user's connection quality using navigator.connection to avoid prefetching on slow connections or when in data-saver mode.
</li>
<li>
Easy Integration: Simple installation and configuration process, requiring the import of QuicklinkModule to enhance your angular routing setup.
</li>
<li>
Small Footprint: With a size of roughly 2KB minified and gzipped, it minimally impacts your application's overall size while delivering substantial performance gains.
</li>
<li>
Polyfill Fallback: Provides a fallback for browsers lacking support for requestIdleCallback, ensuring functionality across a broader range of devices.
</li>
</ul>

<h2>Overview</h2>
"Switching to Angular 2" is a comprehensive resource designed for developers looking to transition to the Angular framework. The repository associated with the book includes various code samples that assist in understanding the progression of Angular from its early Alpha stages through to its final release. This hands-on approach allows readers to follow along with practical examples that reflect the framework's evolution.
Whether you’re a seasoned developer or new to Angular, the book provides insights into different versions of the code, helping you grasp the enhancements and changes introduced in the framework. Navigating through the various branches, users can access specific code samples tailored to each version, making it a valuable tool for anyone looking to deepen their understanding of Angular 2.
<h2>Features</h2>
<ul>
<li>Multiple Version Access: The repository includes branches for Beta, RC, and final releases, allowing you to compare and understand changes over time.</li>
<li>Code Samples: Each branch contains practical code samples that illustrate key concepts, making it easier to grasp Angular's functionality.</li>
<li>Up-to-Date Practices: Aligned with the latest version of Angular, the book provides contemporary coding practices that reflect industry standards.</li>
<li>Compatibility Requirements: The seed project requires Node v4.x.x and npm 2.14.7, ensuring compatibility with the features covered.</li>
<li>Step-by-Step Guidance: Perfect for beginners, the book walks you through transitioning to Angular, offering a structured learning path.</li>
<li>Community Support: Engaging with the repository provides access to community-driven insights and updates, enhancing the learning experience.</li>
</ul>

<h2>Overview</h2>
The Angular TSLint Preset is an essential tool for developers working on Angular applications, providing a robust set of linting rules tailored specifically for the Angular framework. It combines core TSLint rules with additional codelyzer rules to ensure not only code quality but also adherence to Angular best practices. Built upon the TSLint configuration used by Angular CLI, this preset offers a streamlined approach to maintaining clean and efficient code.
By following the Angular style guide and incorporating additional rules, developers can enhance their coding experience and reduce the likelihood of errors during the development process. This preset is especially useful for teams working collaboratively, ensuring that everyone adheres to the same coding standards.
<h2>Features</h2>
<ul>
<li>Comprehensive Linting: Combines core TSLint rules and Angular-specific codelyzer rules for thorough code analysis.</li>
<li>Angular Style Guide Compliance: Aligned with the Angular style guide to promote best practices and a consistent coding style across projects.</li>
<li>Customizable Rules: Developers can manually configure <code>directive-selector</code> and <code>component-selector</code> to fit their coding preferences.</li>
<li>Based on Angular CLI: Built upon the foundational TSLint configuration of Angular CLI, ensuring compatibility and ease of use.</li>
<li>MIT License: Released under the MIT License, providing flexibility in both personal and commercial projects.</li>
<li>Enhanced Code Quality: By utilizing this preset, teams can identify and fix potential issues early in the development cycle, leading to more robust applications.</li>
</ul>

Mgechev

Angular Performance Checklist

Angular Seed

Angular Transitions

Angular Webrtc

Angular2 Style Guide

Angularjs In Patterns

Angularjs Style Guide

Codelyzer

Ngast

Ngmigrate

Ngresizable

Ngrev

Ngx Hover Preload

Ngx Quicklink

Switching To Angular2

Tslint Angular