Learn Angularfire, Ngrx and Xstream

This is a collection of lessons by [Sam Julien](http://www.samjulien.com/) about [NgRx](https://ngrx.io/).

RxJS powered state management for Angular applications, inspired by Redux.

ngrx

NgRx Lessons

In this lesson, you'll learn how to install the `@ngrx/schematics` package using `ng add`. This command will also make these schematics your default collection! Read more about NgRx schematics [in the official docs](https://ngrx.io/guide/schematics).

Install and Use NgRx Schematics

In this lesson, we see how to use the Angular CLI's `ng add` command to add NgRx to a project. [Check out the official docs](https://ngrx.io/guide/store/install) to learn more.

Use the Angular CLI to Add NgRx to Your Project

Cycle.js is a framework where your app is described as a simple function taking an event stream as input and outputting an event stream.

cycle

This lesson is the first in an introduction to Cycle.js. We will see how to build from scratch a toy version of Cycle.js. See how to use RxJS to create simple web apps, and how to separate logic from effects.

Separate Logic from Effects in Cycle.js

AngularJS is an open-source JavaScript framework, maintained by Google, that assists with running single-page applications. Its goal is to augment web-based applications with model–view–controller (MVC) capability, in an effort to make both development and testing easier.

angularjs

Firebase provides a real-time syncing backend for your AngularJS applications in very few lines of code. In this lesson, you'll learn how to get started integrating it into your app.

Topics

Instructors

Content Type

NgRx Lessons

Install and Use NgRx Schematics

Use the Angular CLI to Add NgRx to Your Project

Separate Logic from Effects in Cycle.js

Get Started with Firebase and AngularFire