Evan Schultz e-schultz

General Blogs / Link Collections#

EchoJS - aggergator of JavaScript news
Daily JS
Modolus.io - Node JS blog
Rising Stack
Strongloop Blog
Jackal of JavaScript - Angular, Node, JS in general
Mind the Code - some useful articles, but hasn't been updated in awhile
NPMAwsome - collection of useful NPM packages

In the Content setup for 'Dashboard', pretty much moved the actions / list / etc to live under the 'tab'

 dashboard: {
          id: 'dashboard',
          title: 'Dashboard',

          tabs: [{
            label: 'Analytics',
            tab: 'analytics',

The setup:

Basic angular application
Has an iframe that is dynamically added to the page, and a dynamic src
Page when it loads, goes to a SSO provider
Upon logging in - gets redirected to a new page
New page sends a postMessage to the parent frame
Parent frame then updates the location.path, then does a window.location.reload

The problem:

Cheap currying,

let logger = store => next => action => {
// middleware
}

// becomes

var logger = function logger(store) {

Examples/ Plunkrs / Etc

Blog Posts

Angular2 & Immutability

Welcome Talk

Focus on speed - rendering, 2.5x faster, re-render, 4.2x faster
template compiler - can have an offline compile step, generate optimized javascript
Angular 2 - currently, kind of big - 170k, angular1 - was 56k, ng2 - down to 45k
improved lazy loading of routes
angular universal - server side rendering improvement, sends on the server side - sends out just HTML/css
first payload comes down - start streaming full JS to actually run the app
can include a preboot script that records user actions - that replays once everything is ready

	var koastServer = require('koast');
	var config = require('config');
	var koast = koastServer(); // by defualt, loads config, but could pass in manually formed {} config object

	koast.whenReady().then(function() // some way of letting us know config is done
	{
	})

	import { is } from 'immutable'

	let x = 0;
	let tasksTest$ = this.stateService.select(state=> state.tasks, is).subscribe(n=> {
	console.log('this is called... yeah',++x)
	})

	import {Injectable, Inject} from 'angular2/core';
	import {BehaviorSubject} from 'rxjs/Rx';
	@Injectable()
	export default class StateService {
	store: any;
	_ngRedux: any;

	constructor(@Inject('ngRedux') ngRedux) {
	this.store = this.observableFromStore(ngRedux);
	this._ngRedux = ngRedux;

	import {Component} from 'angular2/core';
	import Modal from './modal';

	@Component({
	selector: 'ngc-app',
	template: `
	<div class="p3">
	<p class="p4">
	<button class="btn btn-primary block col-6 mx-auto"
	(click)="showModal()">