Ranked awesome lists, all in one place
This list is a copy of gdi2290/awesome-angular with ranks
Awesome Angular ★87749
Awesome list of Angular seed repos, starters, boilerplates, examples, tutorials, components, modules, videos, and anything else in the Angular ecosystem. View as github page.
If you’re looking for AngularJS (version 1.x.x) please visit https://github.com/gianarb/awesome-angularjs
Current Angular version:
Current Browser support for Angular:
Table of contents:
- Angular
- Official Resources
- Community
- Experts on Twitter
- Server-Side Rendering
- Material Design
- Cheatsheet
- Angular CLI
- Webpack
- Series
- Video Tutorials
- Style Guides
- Angular Connect
- Books
- On-Site Training
- Approach and Explanation
- Integrations
- Third Party Components
- Site Templates
- Generators
- Documentation tools
- TodoMVC
- Universal
- TypeScript
- Dart
- Traceur
- Babel
- ES5
- Ionic 2
- Meteor
- NativeScript
- React Native
- Haxe
- Scala
- Bit
- Security
- NgRx
Angular
Angular is a development platform for building mobile and desktop web applications.
Official Resources
Community
#angular2
channel on Freenode IRC Server#angular
hashtag on Twitter- Gitter Channel
- Angular StackOverflow
- @Angular on Twitter
- /r/Angular2 Subreddit
- Angular Group on Facebook
- AngularJS on Google+
- AngularAir podcast and live broadcast
- Adventures in Angular podcast
- ng-newsletter email newsletter
- Angular Expo showcase
#ng-2 Slack Channel
on AngularBuddies#angular2 Slack Channel
on dartlang.slack.com (Sign up)- Twitter’s Most Shared
#angular2
Content in a Simple Weekly Digest via The Herd Locker - Programming Community Curated Resources for Learning Angular
Angular Team on twitter
Experts on Twitter
List of Angular experts you should follow on Twitter (in no particular order). This list is by no means complete.
- @gdi2290
- @scotups
- @pkozlowski_os
- @teropa
- @eggheadio
- @hirez_io
- @cedric_exbrayat
- @amcdnl
- @victorsavkin
- @jeffbcross
Google Developer Experts
- Jack Franklin
- Thierry Chatel
- Uri Shaked
- Gonzalo Ruiz de Villa Suárez
- Sharon DiOrio
- John Papa
- Dan Wahlin
- Christian Weyer
- Todd Motto
- Tim Ruffles
- Wassim Chegham
- Aaron Frost
- Wilson Mendes
- Jared Williams
- Gerard Sans
- Pascal Precht
- Jeff Whelpley
- Raúl Jiménez
- Ciro Nunes
- Maxim Salnikov
- Deborah Kurata
- Minko Gechev
- Shai Reznik
- Manfred Steyer
- Juri Strumpflohner
- **
Server-Side Rendering
Material Design
- Official Angular Material Design (GitHub) ★14647
- md2 Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Collapse, Colorpicker, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Switch, Tabs, Tags(Chips), Toast and Tooltip.
- ng2-material set of material2 examples and extra components (data table, dialog, …) built on top of @angular2-material/core
- angular2-mdl Angular 2 components, directives and styles based on Material Design Lite
- mdl-ext Material Design Lite Ext (carusel, grid, lightbox, selectfield, sticky header, …)
- ng2-materialize An Angular 2 wrap around Materialize library
- Material Light ★39 Light, fast and easy to use Material Design components for Angular 2+ (Especially for mobile UI). There are several alternatives but this one has added value and advantages in my opinion (Take a loot at the Readme.md for details). There is also an online demo to see it in action. (API documentation is still lacking but in process).
- Blox Material ★14 A lightweight Material Design library for Angular, based upon Google’s Material Components for the Web.
Cheatsheet
- Official Angular Cheatsheet
- Dart API Cheatsheet
- Angular Dart cheatsheet ★10 ⏳2Y
- Angular Performance Checklist ★1800
Features
Directives
Directives allow you to attach behavior to elements in the DOM.
Components
A component is a directive which uses shadow DOM to create encapsulate visual behavior. Components are typically used to create UI widgets or to break up the application into smaller components.
View
A View is a core primitive used by angular to render the DOM tree.
Templates
Templates are markup which is added to HTML to declaratively describe how the application model should be projected to DOM as well as which DOM events should invoke which methods on the controller.
Change detection
Every component gets a change detector responsible for checking the bindings defined in its template.
Dependency Injection
Angular 1.x has two APIs for injecting dependencies into a directive. Angular 2 unifies the two APIs, making the code easier to understand and test.
Pipes
Pipes can be appended on the end of the expressions to translate the value to a different format.
Web Workers
WebWorker support in Angular is designed to make it easy to leverage parallelization in your web application. When you choose to run your application in a WebWorker angular runs both your application’s logic and the majority of the core angular framework in a WebWorker.
HTTP
Http is available as an injectable class, with methods to perform http requests. Calling request returns an EventEmitter which will emit a single Response when a response is received.
Router
Test
- Testing Http services in Angular 2 with Jasmine
- Testing UI Components with the TestComponentBuilder
**
Read more »
Ahead-of-Time Compilation
- Official Documentation
- Ahead-of-Time Compilation in Angular
- Building an Angular Application for Production
- Demystifying Ahead-Of-Time Compilation In Angular 2
- Multiple solutions for Angular Ahead of Time (AOT) Compilation
- Code Example with Webpack ★336
- Code Example with Rollup ★83 ⏳1Y
Angular CLI
Webpack
- Official web page
- Angular Webpack Starter from PatrickJS ★9812
- Angular Webpack from preboot ★1363
- Angular Nightly Webpack Starter
- Angular Webpack with Visual Studio ASP.NET Core from Damien Bowden ★460
- Angular Typescript Webpack from schempy ★74 ⏳1Y
- Angular Webpack Tour of Heroes from michaelbazos ★3 - Tour of Heroes official typescript tutorial built with webpack
- Angular Webpack + rxjs + modules ★6 ⏳1Y
- Shared Webpack config for Angular development by fulls1z3 ★22
Series
- Ionic
- Angular
- Auth0
- thoughtram
- Angular Template Syntax Demystified
- letsboot.com
- Test Driven Development
- Angular and Firebase
Video Tutorials
- Egghead.io - Angular 2
- Egghead.io - Build Redux Style Applications with Angular2, RxJS, and ngrx/store
- HiRez.io - Angular Basics
- HiRez.io - Angular In Depth - Components
- udemy - Introduction to Angular 2
- udemy - Angular 2 with TypeScript for Beginners: The Pragmatic Guide
- udemy - The Complete Guide to Angular 2
- Pluralsight - Angular 2: First Look
- Pluralsight - Angular 2: Getting Started
- Channel9 - The Future of TypeScript: ECMAScript 6, Async/Await and Richer Libraries
- Channel9 - Creating Cross-Platform Apps with Angular 2
- Code School - Accelerating Through Angular 2
- Angular typed Store
- Angular advanced tips and tricks
- Angular Fullstack JavaScript Channel
- Angular 4 Master Class: Beginner to Advanced
Style Guides
Angular Connect
- Keynote – Brad Green, Igor Minar and Jules Kremer
- Testing strategies with Angular 2 – Julie Ralph
- Building native mobile apps with Angular 2 0 and NativeScript - Sebastian Witalec
- Angular 2 Data Flow – Jeff Cross, Rob Wormald and Alex Rickabaugh
- Iterative version upgrade strategies for large Angular applications – Jen Bourey
- Debugging Angular 2 Apps with Batarangle – Yuri Takhteyev and Igor Krivanov
- Building apps with Firebase and Angular 2 - Sara Robinson
- Better concepts, less code in Angular 2 - Victor Savkin and Tobias Bosch
- Modularity and Packaging for Angular2 Applications – Pawel Kozlowski
- Creating realtime apps with Angular 2 and Meteor - Uri Goldshtein
Books
- ng-book 2
fullstack.io
- Become a ninja with Angular 2
Ninja Squad
- Angular Development with TypeScript
Manning Publications
- Angular in Action
Manning Publications
- Practical Angular 2
Leanpub
- Switching to Angular 2
Packt Publishing
- Rangle’s Angular 2 training
Rangle.io
- 揭秘 Angular 2
GF Securities
- Learn Angular 2
Ionic Team
- Testing Angular Applications
Manning Publications
- Angular-Buch (German)
dpunkt.verlag
On-Site Training
- AngularClass
- Angular Boot Camp
- thoughtram
- Egghead.io
- ng-book
- Angular 2 Workshop
- Web Age Solutions
- Letsboot.com
- Free on-site 2-days training delivered by SFEIR (in France)
- Angular.Schule (in Germany)
Approach and Explanation
-
Victor Savkin
- Dependency Injection in Angular 1 and Angular 2
- Writing Angular in Typescript
- Angular Template Syntax
- The Core Concepts of Angular 2
- Two Phases of Angular 2 Applications
- Change Detection in Angular 2
- Better Support For Functional Programming In
- Angular 2 Bits Unified Dependency Injection
- Angular 2 Router
-
AngularClass
-
thoughtram
- Developing a tabs component in Angular 2
- Developing a zippy component in Angular 2
- Resolving Service Dependencies in Angular 2
- Forward references in Angular 2
- Host and Visibility in Angular 2’s Dependency Injection
- Dependency Injection in Angular 2
- Routing in Angular 2 Deprecated
- Routing in Angular 2 Revisited
- Angular 2 Template Syntax Demystified - Part 1
- View Encapsulation in Angular 2
- Styling Angular 2 components
- Even better ES5 code for Angular 2
- Writing Angular 2 code in ES5
- The difference between Annotations and Decorators
-
Hristo Georgiev
-
Helgevold Consulting
-
Burak Tasci (fulls1z3)
Integrations
- FalcorJS + Angular2 (Video)
- Angular2-Meteor
- nativescript-angular ★830
- react-native-renderer ★756
- GraphQL + Angular ★425
Third Party Components
-
Material 2 ★14647 - Angular team’s Material Design components built on top of Angular 2 ★14647 ★14647 ★14647
- NG ZORRO ★3028 - An enterprise-class UI components based on Ant Design and Angular.
- Element Angular - Element Design components built on top of Angular 2
- Axponents: of Accessible Web Components (Dylan Barrell)
- angular-epic-spinners ★33 Reusable spinner components for angular
- ng2-bootstrap ★4074 Native Angular2 Bootstrap 3&4 components
- ng2-charts ★1222 Beautiful charts for Angular2 based on Chart.js
- ng2-dragula ★1316 Drag and Drop so simple it hurts!
- ng2-file-upload ★1348 Easy to use file upload directives
- ng2-handsontable ★231 Excel-like data grid / spreadsheet
- ng2-markdown ★20 Angular2 Markdown Web Component
- ng2-select ★623 Angular2 based replacement for select boxes
- ng2-safe-img ★5 ⏳1Y Very tiny and safe img for Angular 2
- ng2-table ★504 Simple table extension with sorting, filtering, paging… for Angular2 apps
- ng2-smart-table ★971 Smart data table library with sorting, filtering, pagination & add/edit/delete functions.
- ng2-bs ★12 ⏳2Y Experiments with Angular 2 directives for Bootstrap.
- ng-lightning ★653 Native Angular 2 components & directives for Lightning Design System
- ag-grid Advanced Datagrid for Pure Javascript / AngularJS 1.x / AngularJS 2 / Web Components
- angular2-query-builder ★44 Modernized query builder based on jquery QueryBuilder
- angular2-grid ★324 A drag/drop/resize grid-based plugin directive for angular2.
- angular2-jwt ★1782 Library for sending authenticated HTTP requests and decoding JWTs
- angular2-cookie ★107 ⏳1Y Library that implements Angular 1.x $cookies service in Angular 2
- angular2-fontawesome ★84 Angular2 Components and Directives for Fontawesome
- angular-safeguard ★70 Wrapper around cookies/sessionStorage/localStorage for angular2. If all are unavailable will use an in memory storage.
- angular2-google-maps ★1327 Angular2 directives for Google Maps
- angular-cesium ★54 Creating map based web apps using Cesium and Angular
- ng2-radio-group ★45 ⏳1Y Angular2 directives for radio and checkbox inputs and radio input groups
- ng2-dropdown ★75 ⏳1Y Dropdown menu for angular2 and bootstrap 3
- angular2-multiselect-dropdown ★111 Angular 2 multiselect dropdown component for web applications
- ng2-progress-bar ★21 ⏳1Y Simple progress bar for angular2 and bootstrap 3
- ng2-tabs ★37 Tabs control for angular2 and bootstrap 3
- ng2-modal ★113 ⏳1Y Modal window for angular2 and bootstrap 3
- ng2-sheet ★2 Angular2 Components to add yours components inside a sheet window and repeatedly
- ng2-paginator ★28 ⏳1Y Pagination control for angular2 and bootstrap 3
- fuel-ui ★294 Bootstrap 4 components and directives for use in Angular 2
- prime-ng Collection of rich UI components for Angular 2
- ng2-ace ★34 ⏳1Y Ace editor directive made for Angular 2
- ng2-storage ★19 ⏳1Y A localStorage and sessionStorage wrapper written using ES6 Proxies for Angular 2
- ng2-fontawesome ★20 ⏳1Y A small directive making font awesome even easier to use.
- ng2-sweetalert2 ★51 A wrapper for sweetalert2 for use with Angular 2.
- angular2-text-mask ★5760 Angular 2 input mask directive
- angular-imask Angular 4+ input mask
- ng2-fullpage ★191 Fullpage scrolling for Angular2 based on fullPage.js
- file-droppa ★54 Simple files drop and upload component with files list
- ngx-img-fallback ★41 Load placeholder image on image error
- angular2-busy ★308 Show busy/loading indicators on any promise, or on any Observable’s subscription
- ng2-pdf-viewer ★392 PDF viewer component
- Covalent - a UI platform built on Angular 2.0 + Material Design
- angular2-infinite-scroll - An Infinite Scroll Directive for Angular2 (based on Observables)
- ng2-card ★6 ⏳1Y - Card view component for Angular2
- Wijmo 5 - Set of UI components for Angular2
- ng2-swipeable-card ★14 ⏳1Y - Swipeable card component for Angular2
- ngSemantic ★939 - UI components based on Semantic UI
- vmware clarity ★3607 - Mostly a CSS only framework but some components are ported to Angular 2
- Teradata covalent ★1684 - UI Platform built on @angular/material 2.0
- ng2-quill-editor ★158 - Quill editor component for Angular2
- ngx-charts ★2071 - Declarative Charting Framework for Angular2 and beyond!
- ngx-datatable ★2785 A feature-rich yet lightweight data-table crafted for Angular2 and beyond!
- ngx-ui ★332 - Style and Component Library for Angular2 and beyond!
- Cloudinary - Angular2 SDK for image and video management in the cloud
- angular2-simple-countdown ★19 - a simple countdown angular2 directive with multiple language
- ng-http-cache ★23 ⏳1Y - Speed up your remote requests by automatically caching them on client.
- ng-animate ★248 - 🌙 A collection of cool, reusable and flexible animations for Angular
- lottie-angular2 ★152 - Render After Effects animations on Angular2 based on Bodymovin.
- ngx-restangular ★610 - Restangular for Angular 2 and higher versions.
- ngfb-sortable-table ★19 - Angular Firebase Sortable Table. Ability to filter and sort data with own firebase quering tools.
- angular-split ★175 Angular split component
- od-virtualscroll ★105 Observable-based virtual scroll implementation in Angular
- angular2-froala-wysiwyg ★369 Angular 2 wrapper for Froala WYSIWYG HTML Editor
- ngx-meta ★200 - Dynamic page title & meta tags utility for Angular (w/server-side rendering) by @fulls1z3
- ngx-config ★78 - Configuration utility for Angular (incl. Angular Universal loader) by @fulls1z3
- ngx-cache ★66 - Cache utility for Angular (incl. browser & server platform implementations) by @fulls1z3
- ngx-i18n-router ★25 - Route internationalization utility for Angular by @fulls1z3
- ngx-auth ★31 -Authentication utility for Angular by @fulls1z3
- angular2-promise-buttons ★61 - Loading buttons for Angular 2 by @johannesjo
- ng2-archwizard - Wizard component for Angular 2
- ngx-popper ★91 - Tooltip managment, wrapper for popper.js(https://popper.js.org/)
- ngx-avatar ★82 - Avatar component that makes it possible to genearte / fetch avatar based on the information you have about the user.
- ngx-qrcode2 ★72 - An Angular 4+ Component library for Generating QR (Quick Response ) Codes
- ng2-permission - Fully featured permission based access control for your angular 4+ applications. This module inspired from
angular-permission
★1144. - casl-angular - Module which integrates isomorphic permissions management library CASL ★539 with Angular2+
- ng-s-resource ★6 - Simplify RESTful http resource generator for Angular 4+.
- ng-data-picker ★6 - 🏄🏼 A data picker based on Angular 4+ (like iOS native datetime picker)
- ngx-siema ★42 - Lightweight and simple carousel with no dependencies.
- ng-bootstrap - Angular 4 directives for Bootstrap 4 by the ui-bootstrap team
- ng-snotify ★182 - Angular 4 Notification Center
- ngx-permissions ★274 - Permission and roles based access control for your angular(angular 2, angular 4,5+) applications(AOT, lazy modules compatible)
- Nebular ★1654 - set of essential (Theme, UI Kit, Auth, Security) modules for complex Angular applications
- ng-select ★577 Angular ng-select - All in One UI Select, Multiselect and Autocomplete
- ng-katex ★36 Angular module to write beautiful math expressions with TeX syntax boosted by KaTeX library
- ng-fullcalendar ★59 Jquery fullcalendar module for Angular
- angular-bootstrap-md Material Design for Bootstrap 4 (Angular)
- ngx-konami ★6 - Simple directive to add easter eggs in Angular 2+ applications
- ngx-mapbox-gl ★44 - Angular binding of mapbox-gl-js
- ng-chat ★29 - A simple facebook/linkedin lookalike chat module for Angular applications
- ngx-store ★57 - Complex library for managing
localStorage
,sessionStorage
and cookies, allows to watch data changes, provides decorators and API based on builder pattern - angular-esc ★1 - Adds
(esc)
output fired by the Escape key - angular-clickable-click ★1 - Sets pointer cursor on elements using standard
(click)
output and allows to disable such events
Site Templates
- NG-Dashboard ★46 - Dashboard for Angular 4+. UI Components based on Material Light. Chart Component based on MetricsGraficsJS. Map Directive based on LeafletJS. DEMO ONLINE
Pipes
- fuel-ui ★294 OrderBy and Range pipes ported from Angular 1.x to Angular 2
- ngx-filter-pipe ★73 Pipe for filtering arrays
- ngx-pipes ★705 Bunch of useful pipes for Angular2 and beyond!
- ngx-order-pipe ★135 OrderBy pipe for Angular4+ - sort collection by a field
- angular2-camelcase ★1 ⏳1Y Angular2 pipe to convert camelCase strings to human readable strings Edit
Generators
- Node.js
- Slush
- Yeoman
- Faristo
- ngX-Rocket: Extensible Angular 4+ enterprise-grade generator and tools
- Dart
- Stagehand
- Scaffold
- Angular Firebase: Build a complete Angular Firebase web app in minutes
Documentation tools
-
Storybook ★24644 : “The UI development environment you’ll love to use”
-
Compodoc ★1693 : “The missing documentation tool for your Angular 2 application”, integrate well with npm scripts
-
AngularDoc : Website that display “Architectural analysis and visualization for Angular 2 projects”, integrate only with a github repository
-
NgModule-Viz ★23 ⏳1Y : Visualize the dependencies between the NgModules in your Angular 2+ application.
TodoMVC
Universal Angular 2
Universal (isomorphic) javascript support for Angular 2
Universal General Resources
Universal Seed Projects
- universal-starter ★1769 - Angular 2 Universal starter kit by @Angular-Class
- ng-seed/universal ★455 - Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, dev/prod modes, DLLs, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer by @fulls1z3
- angular-universal ★28 - Angular 6 Universal starter kit based on @angular/cli featuring Server-Side Rendering (SSR) and HMR on browser/server sides
Angular 2 in TypeScript
TypeScript lets you write JavaScript the way you really want to. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
TypeScript General Resources
- TypeScript Official Website for TypeScript
- REPL Official TypeScript REPL that runs entirely in your browser
- TypeScript Repository (GitHub) ★35079 Official GitHub Repo for TypeScript
- DefinitelyTyped Repository (GitHub) ★15896 The repository for high quality TypeScript type definitions.
TypeScript Seed Projects
- Angular Seed Seed project for Angular apps
- ng2-play ★563 ⏳2Y A minimal Angular2 playground using TypeScript and SystemJS loader
- Angular Lab A simple Angular 2+ setup using Angular CLI, TypeScript, Angular Flex Layout ★2756, Material 2, AOT, and unit and e2e tests on Travis CI and Saucelabs.
- Angular2Go Angular 2 Go !
- Angular 2 Samples Angular 2.0 sample components
- Todo app with Firebase, OAuth, and Immutable ★495 ⏳1Y
- Spring Boot and Angular2 tutorial ★153 Angular2 practical example based on Rails tutorial.
- Angular 2 Goldilocks seed ★44 ⏳2Y - A seed project for Angular 2 and TypeScript that is not too simple, yet not too complex. In fact it’s just right!
- Angular 2 Starter ★551 - Simple Angular 2 Starter with Gulp workflow and Travis CI
- Angular 2 Leaflet Starter ★188 - A map application starter based on Angular 2 and Leaflet
- Angular 2 MapboxGL Starter ★44 - Another map application starter based on Angular 2 and MapboxGL JS
- Angular 2 reconnecting websockets quickstart ★8 ⏳2Y - Simple counter using 2-way or 1-way reconnecting websockets communication
- ng2-start ★30 - Minimal setup to start creating an angular2 application
- ng-kitchen-sink ★771 - The ultimate Angular 2 bootstrap single page app - touches on all key and advanced aspects of Angular
- ng-skeleton ★34 ⏳1Y - The ultimate Angular seed with ngrx, bootstrap and two factor auth
- angular2-demo ★91 ⏳1Y Minimal Angular2 Demo using TypeScript / Sass / Npm Tasks
- Angular 2 Dashboard Starter ★105 ⏳1Y - Ready to use dashboard control panel seed project based on Angular 2 and AdminLTE bootstrap theme.
- ngx-admin ★11805 - Admin template based on Nebular framework (Angular 4+, Bootstrap 4+)
- Angular 2 quickstart seed ★88 ⏳1Y
- Angular 2 full code coverage ★17 - Solid tested SystemJS and gulp workflow ready for your code using Angular2 final release (2.1.0) .. Demonstrates unit and full code coverage
- Angular 2 webpack - Tour of Heroes official typescript tutorial built with webpack
- ng2-boiler ★0 ⏳1Y - A bare-bones simple starter with Angular2, TypeScript and Webpack configured.
- Angular Webpack Starter ★92 - Angular Webpack Starter with AoT compilation, Lazy-loading, and Tree-shaking
- Reaper ★8 - Angular 2 Webpack Starter Boilerplate w/o 2269 dependencies
- famn ★26 ⏳1Y - Angular 2 + FeathersJS application framework for both client and server side
- Angular NPM Module Seed ★53 ⏳1Y - Starting point for developing Angular modules and publishing them on NPM.
- Angular2 D3v4 Seed ★13 - Angular2 D3v4 implementation of charts, graphs, area and view porting seed project
- ng-seed/spa - Seed project for Angular apps featuring Webpack, dev/prod modes, DLLs, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer by @fulls1z3
- Reboard ★29 - Angular 4 + Material 2 starter dashboard with ngx-charts, based on generator-ngx-rocket (Typescript, SASS, Webpack, Jasmine+Karma, Protractor, TSLint, Codelyzer, Stylelint, ngx-translate, Lodash, Angular Flex-Layout)
- Angular5 + Redux + Graphql + MySQL quickstart ★38 - Simple Fullstack GraphQL Application with Angular CLI + Redux + Express + GraphQL + Sequelize (supports MySQL, Postgres, Sqlite and MSSQL).
- Angular5 + Firebase + Structure ★40 - Angular 5 + Firebase + a very good router/module structure to make it your own so easy
- **
Ionic 2 in Angular 2
Ionic is the beautiful, open source front-end SDK for developing hybrid mobile apps with web technologies.
- Ionic Framework Official Website for Ionic Framework
- Ionic Documentation Official for Ionic Framework
Ionic 2 General Resources
Angular 2 in Cordova
Apache Cordova is a popular mobile application development framework using CSS3, HTML5, and JavaScript instead of relying on platform-specific APIs.
- Cordova Framework Official Website for Apache Cordova
- Cordova Documentation Official Documentation for Apache Cordova
Cordova Seed Projects
- Angular 2 Seed CLI Admin (Template) ★56 Multi-platform Angular 2 project (Web/PWA, Mobile and Desktop) with Ionic 2 (and optionally Bootstrap).
Angular 2 in Dart
Dart is an open-source, scalable programming language, with robust libraries and runtimes, for building web, server, and mobile apps.
Dart General Resources
- Dart Official Website for Dart
- Dartpad Dartpad lets play with Dart on-line, in a zero-install, zero configuration environment.
- Dart Organization (GitHub) Official GitHub Organization for Dart
- Pub Repository of packages of software for the Dart programming language.
- Dartisans The Official Dart Google+ community
- Dart Slack Channel The Official Dart Slack channel.
Dart Seed Projects
- Angular 2 Dart Quickstart ★5 ⏳2Y A minimal quick start project.
Dart Demo, Samples, and Examples
- Hackernews App ★11 ⏳2Y A HackerNews application made with Angular 2 for Dart
- Router Demo ★0 ⏳2Y A basic example of Angular 2 router.
- **
Angular 2 in Traceur
Traceur is a JavaScript.next-to-JavaScript-of-today compiler
Traceur General Resources
- Traceur Repository (GitHub) ★7677 Official GitHub Repo for Traceur
Traceur Seed Projects
Angular 2 in Babel
The compiler for writing next generation JavaScript.
Babel General Resources
- Babel Official Website for Babel
- REPL Official Babel REPL that runs entirely in your browser
- Babel Repository (GitHub) ★28272 Official GitHub Repo for Babel
Babel Angular 2 Online Playground
Babel Seed Projects
- babel-angular2-app ★275 ⏳1Y A skeleton Angular 2 app built with Babel and Browserify.
- angular2-fullstack-starter ★34 ⏳2Y A full stack skeleton Angular 2 app built with Webpack/Babel.
- angular2-es6-starter ★515 ⏳1Y A skeleton Angular 2 ES6 application built with Babel, Webpack, Gulp.
- angular-babel-seed ★19 The super simple Angular quickstarter with ES6
- **
Babel Demo, Samples, and Examples
- angular2-es6-todomvc ★138 ⏳1Y Angular 2 TodoMVC implementation with ES6.
- ng1-ng2-webpack-lazy-uirouter ★58 ⏳1Y Hybrid lazy-loading Angular1 + Angular2 using UI-Router, Webpack2 and Babel.
- **
Babel Plugins
- babel-preset-angular2 ★15 ⏳1Y Babel presets for Angular2
- babel-plugin-type-assertion ★0 ⏳2Y An experimental babel transformer plugin for rtts_assert
Angular 2 in ES5
An ECMAScript language that includes structured, dynamic, functional, and prototype-based features.
ES5 General Resources
ES5 Seed Projects
angular2-es5-starter-kit Angular2 ES5 Starter Kit
Meteor in Angular 2
Build Realtime Web and Mobile Apps With Angular and Meteor
Meteor General Resources
- Angular Meteor Official Website for Angular Meteor
- Angular 2 Meteor
Meteor Seed Projects
Angular 2 in NativeScript
Build truly native iOS, Android and Windows Phone apps with Javascript and CSS. Try NativeScript open-source framework for cross-platform development.
NativeScript General Resources
- NativeScript Official Website for NativeScript
- Using NativeScript
NativeScript Seed Projects
Angular 2 in React Native
React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript
React Native General Resources
- React Native Official Website for React Native
React Native Projects
React Native Seed Projects
Angular 2 in Haxe
Haxe is an open source toolkit based on a modern, high level, strictly typed programming language, a cross-compiler, a complete cross-platform standard library and ways to access each platform’s native capabilities. General purpose language, with Haxe, you can easily build cross-platform tools targeting all the mainstream platforms natively. “Write once compile anywhere”, with strong easily extendable macro system and powerfull, highly optimizing compiler with DCE (and f.e. using inline constructors). Can be used for server side rendering and in isomorphic way - possible to share the same source code compiling into client side in javascript and server side in pyhton (or java/php/node - can be choosen later/changed at scaling). Haxe code can contain (inline) any target language fragments (can be used to step by step porting), the externs mechanism provides access to the native APIs and libraries in a type-safe manner. Server, client, mobile (Android and iOS at once), desktop, embedded (Raspbery, award winning TIVO set top boxes), Playstation … all can be reached natively with much less typing, more error-proof, more stable and compile-time type checked code even for non type-safe targets (f.e. JavaScript, PHP)!
Haxe General Resources
- Haxe.org
- Haxe on Wikipedia
- Haxe Playground
- Haxe compiler targets compiler targets: C++, C#, Java, Python, PHP, ActionScript 3, and Flash or Neko bytecode
- Haxe Usage Survey results
- Haxe discussion group - community
- Haxe and Node.js
- Haxe: working with JavaScript libraries
- Learn haxe in Y minutes
- A success story for Haxe - about porting JavaScript to haxe targeting both JavaScript and C# “without interrupting the development of actual game by the rest of the team!”, “AWESOME BONUS”, “there are only benefits”
- News And Information For Haxe Developers
- **
Haxe Seed Projects
- angular2haxe ★27 ⏳2Y Haxe Language Bindings for Angular 2
- **
Angular 2 in Scala
General purpose language; multiparadigm (object-oriented, functional, concurrent elements); statically typed, type-safe; focus: Web services.
Scala General Resources
Scala Seed Projects
Angular 2 components with Bit
Bit is an open source virtual repository (code base) built to make components easily manageable and usable across applications. You can quickly export any Angular component from any context while working on any project to a bit distributed Scope. Bit’s reusbale component environment cuts the overhead of configuring build and test environments for exporting every new component. The Scope is a virtual component repository which stores, organizes, manages and tests your components. Once modeled on a Scope, your components can be easily found and used in any Angular application. Components can be organized together and still modified and used individually without pulling in entire libraries.
Bit Resources
- Bit ★2097
- Bit-Javascript ★14
- bitsrc - Free community hub for sharing, managing and finding open source components.
Security
- Angular.io Security Guide - brief security guidance including Preventing cross-site scripting (XSS), Sanitization and Content security policy.
- So you thought you were safe using AngularJS? Think again! Slides, Video - Lewis Ardern speaking at OWASP London 2017
Authentication
- Angular 2 with OpenID Connect Implicit Flow from Damien Bowden
- Angular 2 bootstrap4 OAuth2 Webpack from Michael Oryl ★195 ⏳1Y
- Angular 2 OAuth2 OIDC from Manfred Steyer
- Angular 2 authentication sample from auth0-blog ★1005
NgRx
- Comprehensive Introduction to @ngrx/store
- Adding Redux With NgRx/store and Angular2 - Part 1
- Adding Redux with NgRx/store to Angular2 – Part 2 (Testing Reducers)
- Angular 2 & NgRx/store: The NgModel In Between Use Case (from Angular 1)
- Angular 2, Ngrx/Store & Ngrx/Effects – Intro To Functional Approach For A Chain Of Actions
- Making chained API Calls using @ngrx/Effects
- Authentication in Angular with NGRX
enjoy — PatrickJS
License
This list is a copy of gdi2290/awesome-angular with ranks