Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Build Redux Style Applications with Angular, RxJS, and ngrx/store

via egghead.io

Overview

*Note: RxJS imports have changed since the publication of this course. The concepts being taught on RxJS are still applicable.
Angular has many built-in features for working closely with RxJS to help you build entirely reactive applications. This course will teach you how to use Angular with RxJS. We will learn how to use the ngrx/store library to manage state in a clean, reactive "Redux style."
This course assumes you've got a working knowledge of Angular and reactive programming with RxJS. If you don't, you might want to watch the following courses to get you up to speed!
Get Started with Angular
Introduction to Reactive Programming with RxJS.
Step by Step Async Programming with RxJS
Getting Started With Redux, a course by Redux's, Dan Abramov.
We also have Intermediary Angular courses if you'd like to acquire more in-depth knowledge.
[Dependency Injection](https://egghead.io/courses/angular-2-dependency-injection-di-explained
Components, Directives
Forms
Router
Animating Web Apps

Syllabus

  • Render an Observable with the Async Pipe
  • Render an Observable Date with the Async and Date Pipes
  • Handle Click Events with Subjects
  • Handle Clicks and Intervals Together with Merge
  • Manage State in RxJS with StartWith and Scan
  • Map Streams to Values to Affect State
  • Use ngrx/store and Reducers for Angular Application State
  • Dispatch Action Types to Reducers
  • Dispatch Action Payloads to Reducers
  • Pass Template Input Values to Reducers
  • Pass Observables into Components with Async Pipe
  • Add a Second Reducer to the Store
  • Use Two Reducers Together
  • Use a Reducer to Change an Object's Property Inside an Array
  • Use a Value from the Store in a Reducer
  • Review of Angular 2, RxJS, and Reducers from ngrx/store

Taught by

John Lindquist

Reviews

4.3 rating at egghead.io based on 131 ratings

Start your review of Build Redux Style Applications with Angular, RxJS, and ngrx/store

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.