I am learning Angular 2 and RxJS

View Online Demo at http://ipassynk.github.io/angular2-learning/dist/

I am learning angular 2 now. The repo contains the folloiwng examples:

• Reflection to build list of routes
• Custom decorator of angular components
• Observable from button click combine with Observable.interval
• Use observable for bind to input and display data from the observable
• Aka Angular 1 Transclude
• Observable that emits ticks on in a service and two components subscribe to the observable and debounce ticks based provided configuration
• Simple Templates
• Form
• Two lists moves data between each other. Shows input/output parameters interaction
• List managemenet using Observable. Thanks to http://victorsavkin.com/post/137821436516/managing-state-in-angular-2-applications
• Child/Parent Input/Output communication
• Shows pub/sub for sibling components
• Pipe examples
• WebSocket with Observable
• Child/Parent nested routes
• Async collection filter example. Use rxjs to filter valueChanges
• Button state is controlled using combination of observables
• Timer with expiration
• Try http with all rxjs stuff like catch, retry, join several observable
• Immutable data example with ChangeDetectionStrategy.OnPush
• Mouse RX events with angular style attr binding

My TODO:

• fix styling
• dynamic loading
• server side generation
• routing with complex decisions
• web components
• angular with redux
• angular with ngrex
• animation
• zone (manual strategy)
• webpack styling loading

Running

install the repo with npm

npm install

install TypeScript typings

npm run typings-install

start dev server

npm start go to h http://localhost:3000 in your browser

Build details

The projects uses AngularClass/angular2-webpack-starter. See it for testing or prod build commands