YoVDO

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

Offered By: egghead.io

Tags

Angular Courses Web Development Courses Redux Courses RxJS Courses

Course Description

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

Related Courses

Front-End JavaScript Frameworks: Angular
The Hong Kong University of Science and Technology via Coursera
Angular 9 Essencial
Udemy
Reactive Angular Course (with RxJs, Angular 18)
Udemy
RxJs In Practice (with FREE E-Book)
Udemy
The Modern Angular Bootcamp
Udemy