Awesome Angular 2

Awesome list of Angular 2 seed repos, starters, boilerplates, examples, tutorials, components, modules, videos, and anything else in the Angular 2 ecosystem

Current Angular 2 version:

Table of contents:

• Angular 2
  • Angular 2 General Resources
  • Angular 2 Community
  • Angular 2 Server-Side Rendering
  • Angular 2 Material Design
  • Angular 2 Cheatsheet
  • Angular 2 Tutorials
  • Angular 2 Series
  • Angular 2 Video Tutorials
  • Angular 2 Books
  • Angular 2 On-Site Training
  • Angular 2 Approach and Explanation
  • Angular 2 Integrations
  • Angular 2 Components
  • Angular 2 Generators
  • Angular 2 TodoMVC
• Universal
  • Universal General Resources
  • Seed Projects
• TypeScript
  • TypeScript General Resources
  • Seed Projects
• Dart
  • Seed Projects
• Traceur
  • Traceur General Resources
  • Seed Projects
• Babel
  • Babel General Resources
  • Seed Projects
• ES5
  • Seed Projects
• Haxe
  • Seed Projects
• Scala
  • Seed Projects
• Platforms
  • Ionic 2
    • Ionic 2 General Resources
  • NativeScript
    • NativeScript General Resources
    • Seed Projects
  • React Native
    • React Native General Resources
    • React Native Projects
  • Meteor

Angular 2

Angular is a development platform for building mobile and desktop web applications.

Angular 2 General Resources

• Official Site
• Official Blog
• Official Documentation
• Official Getting Started Guide
• Official GitHub Repo

Angular 2 Community

• #angular2 channel on Freenode IRC Server
• #angular2 hashtag on Twitter
• Gitter Channel
• Angular 2 StackOverflow
• @AngularJS on Twitter
• /r/Angular2 Subreddit
• Angular Group on Facebook
• AngularJS on Google+
• AngularAir
• ng-newsletter
• tryangular2
• Built With Angular 2
• #ng-2 Slack Channel on AngularBuddies (Sign up)
• #angular2 Slack Channel on dartlang.slack.com (Sign up)

Angular 2 Server-Side Rendering

• Angular 2 Universal Repository (GitHub)

Angular 2 Material Design

• Official Angular 2 Material Design (GitHub)

Angular 2 Cheatsheet

• TypeScript/Babel API Cheatsheet
• Dart API Cheatsheet
• Angular2 Dart cheatsheet

Angular 2 Tutorials

Angular 2 Series

• Ionic
  • Angular 2
    • Introduction
    • Components
• Auth0
  • Angular 2
    • Working with Pipes
    • Domain Models and Dependency Injection
• thoughtram
  • Angular 2 Template Syntax Demystified
    • Part 1

Angular 2 Video Tutorials

• Egghead.io - Angular 2
• udemy - Introduction to Angular 2

Angular 2 Books

• ng-book 2 fullstack.io
• Become a ninja with Angular 2 Ninja Squad

Angular 2 On-Site Training

• AngularClass
• thoughtram
• Egghead.io
• ng-book

Angular 2 Approach and Explanation

• Victor Savkin

  • Dependency Injection in Angular 1 and Angular 2
  • Writing Angular 2 in Typescript
  • Angular 2 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

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

Angular 2 Integrations

• FalcorJS + Angular2 (Video)
• Angular2-Meteor
• nativescript-angular
• react-native-renderer

Angular 2 Components

• Axponents: of Accessible Web Components (Dylan Barrell)
• ng2-bootstrap: Native Angular2 bootstrap components
• ng2-bs Experiments with Angular 2 directives for Bootstrap.
• ng2-handsontable Excel-like data grid / spreadsheet

Angular 2 Generators

• Node.js
  • Slush
    • TheVelourFog/slush-angular2
  • Yeoman
    • swirlycheetah/generator-angular2
• Dart
  • Stagehand
    • kasperpeulen/stagehand

Angular 2 TodoMVC

• Official Angular 2.0
• Angular 2 Dart

---

Universal Angular 2

Universal (isomorphic) javascript support for Angular 2

Universal General Resources

• Universal Angular 2 Repository (GitHub)

Universal Seed Projects

• fullstack-angular2-starter - Fullstack Angular 2 starter kit by @Angular-Class

---

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) Official GitHub Repo for TypeScript
• TSD TypeScript Definition manager for DefinitelyTyped
• DefinitelyTyped Repository (GitHub) The repository for high quality TypeScript type definitions.

TypeScript Seed Projects

• Angular 2 Webpack Starter - An Angular 2 Webpack Starter kit featuring Angular 2 (Router, Http, Forms, Services, Tests, E2E), Karma, Protractor, Jasmine, TypeScript, and Webpack by @Angular-Class
• Angular 2 Seed Seed project for Angular 2 apps
• ng2-play.ts A minimal Angular2 playground using TypeScript
• NG2 Lab A simple Angular 2 setup using TypeScript, SystemJS and Firebase that also includes a few examples of unit testing and CI with Travis and Saucelabs.
• Angular2Go Angular 2 Go !
• Angular 2 Samples Angular 2.0 sample components

---

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 A minimal quick start project.

Dart Demo, Samples, and Examples

• Angular 2 Samples Angular 2 for Dart demos and samples from the community.
• Pipes Examples of Pipes in Angular 2 for Dart.
• Hackernews App A HackerNews application made with Angular 2 for Dart
• Router Demo 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) Official GitHub Repo for Traceur

Traceur Seed Projects

• GitHub: Angular2 ES6 Starter Kit (Dan Wahlin)
• GitHub: ng2-play (Pawel Kozlowski) A minimal ES6 project using Angular 2.0.

---

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) Official GitHub Repo for Babel

Babel Angular 2 Online Playground

• Plunker: Angular 2 + Babel

Babel Seed Projects

• babel-angular2-app A skeleton Angular 2 app built with Babel and Browserify.

---

Angular 2 in ES5

An ECMAScript language that includes structured, dynamic, functional, and prototype-based features.

ES5 Seed Projects

---

Angular 2 in Haxe

Haxe is an open source toolkit based on a modern, high level, strictly typed programming language.

Haxe Seed Projects

• angular2haxe

Angular 2 in Scala

General purpose language; multiparadigm (object-oriented, functional, concurrent elements); statically typed, type-safe; focus: Web services.

Scala Seed Projects

• play-angular2

---

Platforms

Angular 2 in Ionic 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 2 General Resources

• Ionic 2 Repository (GitHub)

---

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

NativeScript Seed Projects

• sample-Angular2

---

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

• Angular 2 React Native Renderer (GitHub)

---

Angular 2 in Meteor

Build Realtime Web and Mobile Apps With Angular and Meteor

Meteor General Resources

• Angular Meteor Official Website for Angular Meteor
• Angular 2 Meteor

License