joedukk

Making chained API Calls using @ngrx/Effects

Purpose

This recipe is useful for cooking up chained API calls as a result of a single action.

Description

In the below example, a single action called POST_REPO is dispatched and it's intention is to create a new repostiory on GitHub then update the README with new data after it is created.
For this to happen there are 4 API calls necessary to the GitHub API:

POST a new repostiry
GET the master branch of the new repository
GET the files on the master branch

Angular Interview Questions

Some basic questions going from easy to difficult. A more exhaustive list of more questions from the community can be found here.

Easy

Whats the difference between components and directives? [ANSWER]: Components are widgets while directives more like decorators for elements and/or components.
How do you get a reference to a child component? [ANSWER]: ViewChild/ViewChildren or ContentChild/ContentChildren
What is the difference between ViewChild and ContentChild?
Whats the difference between NgModules and ES2015 Modules?
How do you lazy load components and why is lazy loading important?
Explain Observables and why they are useful.

Bridging Native & React for iOS & Android

js -> native

native -> js

Comprehensive Introduction to @ngrx/store

By: @BTroncone

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

Compile with:

webpack --config vendor.webpack.config.js
webpack --config app.webpack.config.js

Use with the following index.html

	let isAlreadyFetchingAccessToken = false
	let subscribers = []

	function onAccessTokenFetched(access_token) {
	subscribers = subscribers.filter(callback => callback(access_token))
	}

	function addSubscriber(callback) {
	subscribers.push(callback)
	}

	# Magikarp Jump
	# Expert League 3 Automated Clicker
	#
	# Notes:
	#
	# All tap positions are hardcoded to my OnePlus3.
	# Please re-adjust positions if phone resolution is different.
	#
	# Any league-triggered event will interrupt this script.
	# It is best that level is maxed out before starting the league.

	...
	...
	providers: [
	{ provide: Http, useClass: ExtendedHttpService }
	]
	...
	...

	{
	"private": true,
	// ...
	"#dependencies": "dependencies are the one shipped to the client",
	"dependencies": {
	"babel-polyfill": "^6.7.4",
	"react": "^15.0.0",
	// ...
	"whatwg-fetch": "^0.11.1"
	},

	protected void Application_BeginRequest()
	{
	if (Request.Headers.AllKeys.Contains("Origin") && Request.HttpMethod == "OPTIONS")
	{
	Response.Flush();
	}
	}