Shaun O'Brien areologist

Angular 2 - Build Better Apps

62nd Workshop

🍀 Thursday, March 17, 2016 🍀

Slides: https://frontendmasters.com/assets/resources/lukasruebbelke/better-apps-angular-2-day2.pdf

D2S01 - Welcome, Challenge 1 Setup

System Design Cheatsheet

Picking the right architecture = Picking the right battles + Managing trade-offs

Basic Steps

Clarify and agree on the scope of the system

User cases (description of sequences of events that, taken together, lead to a system doing something useful)
- Who is going to use it?
- How are they going to use it?

Hi Nicholas,

I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I led the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:

The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can't

// please comment if you know of other BOOKS (not considering blogs just yet) on ES6 that are out or coming out

Understanding ECMAScript 6 -- Nicholas Zakas
Exploring ES6 -- Axel Rauschmayer
YDKJS: ES6 & Beyond -- Kyle Simpson
JS.next: A Manager's Guide -- Aaron Frost
Expert JavaScript -- Mark E. Daggett
JavaScript Allongé, The "Six" Edition -- Reginald Braithwaite
Learning ECMAScript 6 -- Narayan Prusty

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.

	#!/bin/bash
	# Call with either enable or disable as first parameter
	if [[ "$1" == 'enable' \|\| "$1" == 'disable' ]]; then
	sudo systemctl set-default multi-user.target --force
	sudo systemctl $1 lightdm.service --force
	sudo systemctl $1 graphical.target --force
	sudo systemctl $1 plymouth.service --force
	else
	echo Call with either "enable" or "disable" as first parameter.
	fi

	angular.module('myMdl', []).config(['$httpProvider', function($httpProvider) {
	$httpProvider.responseInterceptors.push([
	'$q', '$templateCache', 'activeProfile',
	function($q, $templateCache, activeProfile) {

	// Keep track which HTML templates have already been modified.
	var modifiedTemplates = {};

	// Tests if there are any keep/omit attributes.
	var HAS_FLAGS_EXP = /data-(keep\|omit)/;

	/**
	* Example of using an angular provider to build an api service.
	* @author Jeremy Elbourn (@jelbourn)
	*/

	/** Namespace for the application. */
	var app = {};

	/******************************************************************************/