Reactive Applications with Angular 2 Understand how to build fully reactive features in Angular 2 The Reactive Big Picture Observables and RxJS Immutable Operations Agenda Reactive State and @ngrx/store Reactive Async Reactive Data Models The Reactive Sample Project • A RESTful master-detail web application that communicates to a local REST API using json-server • A reactive master-detail web application that uses @ngrx/store • We will be making the widgets feature reactive • Feel free to use the existing code as a reference point • Please explore! Don't be afraid to try new things! http://bit.ly/fem-ng2-ngrx-app http://onehungrymind.com/fem-examples/ Pre-Challenges • Download and run the sample application • Wire up the widgets component to the widgets-list and widget-details components via @Input and @Output • Connect the widgets service to communicate with RESTful api using the HTTP module and Observable.toPromise The Reactive Big Picture The Reactive Big Picture • The Reactive Sample Project • Angular History Lesson • Why Reactive? • Reactive Angular 2 • Enter Redux