Bryan Olson hikumealan

Introduction to Angular

Angular (aka Angular 2) is a new framework completely rewritten from the ground up, replacing the famous AngularJS framework (aka Angular 1.x).

More that just a framework, Angular should now be considered as a whole platform which comes with a complete set of tools, like its own CLI, debug utilities or performance tools.

Getting started

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

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

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.

WebSockets - An Introduction

WebSockets is a modern HTML5 standard which makes communication between client and server a lot more simpler than ever. We are all familiar with the technology of sockets. Sockets have been fundamental to network communication for a long time but usually the communication over the browser has been restricted. The general restrictions

The server used to have a permanent listener while the client (aka browser) was not designated any fixed listener for a more long term connection. Hence, every communication was restricted to the client demanding and the server responding.
This meant that unless the client requested for a particular resource, the server was unable to push such a resource to the client.
This was detrimental since the client is then forced to check with the server at regular intervals. This meant a lot of libraries focused on optimizing asynchronous calls and identifying the response of asynchronous calls. Notably t

Provider	Singleton	Instantiable	Configurable
Constant	Yes	No	No
Value	Yes	No	No
Service	Yes	No	No
Factory	Yes	Yes	No
Decorator	Yes	No?	No
Provider	Yes	Yes	Yes

	# To host on root path just use "<Location />" for http://mydomainname.in
	# To host on non-root path use "<Location /myreactapp>" for http://mydomainname.in/mypath
	# If non-root path, don't forgot to add "homepage": "/myreactapp" in your app's package.json
	<VirtualHost *:80>
	ServerName mydomainname.in
	DirectoryIndex index.html
	DocumentRoot /var/www/html

	ErrorLog ${APACHE_LOG_DIR}/error.log
	CustomLog ${APACHE_LOG_DIR}/access.log combined

	#!/bin/bash
	PROJECT_NAME=MyApp
	SCHEME_NAME=MyApp
	STARTTIME=$(date +%s);

	set -e
	set -x

	### Install dependencies
	echo "--- Install dependencies [Time Elapsed $(($(date +%s) - $STARTTIME))s]"

	#!/bin/bash
	echo "Building Ionic/Cordova iOS release..."
	ionic build --release ios

	# Save current directory and cd to other dir
	pushd platforms/ios/

	# Build archive
	xcodebuild -scheme "MyApp" -configuration Release clean archive
	# Can also specify archive path:

	Run this in your Mac Terminal (assuming you have the Ionic CLI):
	----------------------------------------------------------------
	ionic start wkwebviewpolyfilltest
	cd wkwebviewpolyfilltest
	ionic setup sass
	ionic platform add ios
	ionic plugin add https://github.com/EddyVerbruggen/cordova-plugin-wkwebview
	ionic build
	----------------------------------------------------------------

	Go to Bitbucket and create a new repository (its better to have an empty repo)
	git clone [email protected]:abc/myforkedrepo.git
	cd myforkedrepo

	Now add Github repo as a new remote in Bitbucket called "sync"
	git remote add sync [email protected]:def/originalrepo.git

	Verify what are the remotes currently being setup for "myforkedrepo". This following command should show "fetch" and "push" for two remotes i.e. "origin" and "sync"
	git remote -v