Max Sartoretto m00s

Comprehensive Introduction to @ngrx/store

Also check out my lesson @ngrx/store in 10 minutes on egghead.io!

Update: Non-middleware examples have been updated to ngrx/store v2. More coming soon!

Table of Contents

The introduction to Reactive Programming you've been missing

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

AngularJS Directive Attribute Binding Explanation

When using directives, you often need to pass parameters to the directive. This can be done in several ways. The first 3 can be used whether scope is true or false. This is still a WIP, so validate for yourself.

Raw Attribute Strings

<div my-directive="some string" another-param="another string"></div>

A timeline of the last four years of detecting good old window.localStorage.

Jan Lenhart, bless his heart contributed the first patch for support:

October 2009: 5059daa

	import { Injectable } from 'angular2/core';
	import { Storage } from './storage';
	import { CurrentUser } from '../interfaces/common';

	@Injectable()
	export class Authentication{
	private _storageService : Storage;
	private _userKey : string = "CURRENT_USER";

	constructor(storageService : Storage){

	import requests, json

	#Commont utils url and authToken
	authToken = ""
	baseLikeUrl = "https://api.gotinder.com/like/"
	baseProfileUrl = "https://api.gotinder.com/user/"
	myFeed = "https://api.gotinder.com/user/recs"


	s = requests.Session()

	location /livereload {
	proxy_pass http://localhost:35729;
	proxy_http_version 1.1;
	proxy_set_header Upgrade $http_upgrade;
	proxy_set_header Connection "Upgrade";
	}

	// === Arrays

	var [a, b] = [1, 2];
	console.log(a, b);
	//=> 1 2


	// Use from functions, only select from pattern
	var foo = () => [1, 2, 3];

	# A simple Makefile alternative to using Grunt for your static asset compilation
	#
	## Usage
	#
	# $ npm install
	#
	# And then you can run various commands:
	#
	# $ make # compile files that need compiling
	# $ make clean all # remove target files and recompile from scratch

	@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
	@media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ }
	@media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
	@media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
	@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
	@media (min-width:1281px) { /* hi-res laptops and desktops */ }