Angular2 Must

Watch User Created Playlist (14)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

@ngrx/store in 10 minutes

Add a Second Reducer to the Store

P

Adding a data model

Angular 2: Template Syntax

Use Global CSS Inside Angular 2 Components

Dispatch Action Payloads to Reducers

P

Dispatch Action Types to Reducers

P

Event Binding with Angular 2 and TypeScript

P

Manage State in RxJS with StartWith and Scan

P

Pass Template Input Values to Reducers

P

Property Binding with Angular 2 and TypeScript

P

Refactoring mutations to enforce immutable data in Angular 2

Review of Angular 2, RxJS, and Reducers from ngrx/store

P

Use ngrx/store and Reducers for Angular Application State

P
angular2 tutorial about @ngrx/store in 10 minutes

@ngrx/store in 10 minutes

10:49 angular2

@ngrx/store builds on the concepts made popular by Redux and supercharges it with the backing of RxJS. The result is a tool and philosophy that will transform the way you approach state management in your Angular 2 applications. This lesson takes an existing Angular 2 app and refactors it to utilize @ngrx/store, touching on all of the major concepts along the way!

angular2 tutorial about Add a Second Reducer to the Store

Add a Second Reducer to the Store

2:33 angular2 PRO

Stores can accept as many reducers as you need. This lesson covers adding a second reducer that will be used to control an array of people.

angular2 tutorial about Adding a data model

Adding a data model

2:19 angular2

This video covers migrating from simple strings to more complex objects inside of our Service to enable more features later on.

angular2 tutorial about Angular 2: Template Syntax

Angular 2: Template Syntax

11:06 angular2

Curious about the new Angular 2 template syntax features? In this preview, John will take you on a tour.

angular2 tutorial about Use Global CSS Inside Angular 2 Components

Use Global CSS Inside Angular 2 Components

1:46 angular2

Global CSS and stylesheets are also available to Angular 2 Components even though the styles you define inline will remain isolated to the Component itself. You can customize this behavior using ViewEncapsulation if you need to keep global styles out of your Components.

angular2 tutorial about Dispatch Action Payloads to Reducers

Dispatch Action Payloads to Reducers

2:00 angular2 PRO

While action types allow you tell your reducer what action it should take, the payload is the data that your reducer will use to update the state. This lesson shows you how to pass an action payload along with your action type to update the state.

angular2 tutorial about Dispatch Action Types to Reducers

Dispatch Action Types to Reducers

1:21 angular2 PRO

A reducer needs to know what you want it to do whenever it's called. You do this by passing along an action type then the reducer can switch based on the type to achieve the logic you need. This lesson covers dispatching action types to your reducer to update the state based on that type.

angular2 tutorial about Event Binding with Angular 2 and TypeScript

Event Binding with Angular 2 and TypeScript

2:49 angular2 PRO

We will learn about using Angular 2's new Event Binding syntax with TypeScript. Learn to bind to DOM events with your Angular 2 application.

angular2 tutorial about Manage State in RxJS with StartWith and Scan

Manage State in RxJS with StartWith and Scan

2:23 angular2 PRO

The scan operator in RxJS is the main key to managing values and states in your stream. Scan behaves just as a reduce function would, but scan is able to collect values from streams over time. This lesson covers using startWith to set the initial accumulator value then using scan to update the value of the clock from the clicks and interval.

angular2 tutorial about Pass Template Input Values to Reducers

Pass Template Input Values to Reducers

2:37 angular2 PRO

Angular allows you to pass values from inputs simply by referencing them in the template and passing them into your Subject.next() call. This lesson shows you how to make a number input and pass the value so you can configure how much you want the clock to change.

angular2 tutorial about Property Binding with Angular 2 and TypeScript

Property Binding with Angular 2 and TypeScript

3:05 angular2 PRO

We will learn about using Angular 2's new Property Binding syntax with TypeScript. Learn to bind to DOM properties with your Angular 2 application.

angular2 tutorial about Refactoring mutations to enforce immutable data in Angular 2

Refactoring mutations to enforce immutable data in Angular 2

4:16 angular2

When a Todo property updates, you still must create a new Array of Todos and assign a new reference. This lesson walks you through refactoring from the current approach to the immutable approach.

angular2 tutorial about Review of Angular 2, RxJS, and Reducers from ngrx/store

Review of Angular 2, RxJS, and Reducers from ngrx/store

3:38 angular2 PRO

This lesson summarizes everything the course has covered and how Angular 2, RxJS, and ngrx/store work together to achive a reactive application.

angular2 tutorial about Use ngrx/store and Reducers for Angular Application State

Use ngrx/store and Reducers for Angular Application State

5:12 angular2 PRO

ngrx/store is a library that simplifies common RxJS patterns for managing state and gives you an easy api to use it within your Angular application. This lesson shows how to convert a common startWith and scan stream into an ngrx Store and reducer.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?