David Waller krawaller

To create a container, I only need to add my AppState typings to the mapStateToProps parameter:

const mapStateToProps = (state: State) => ({
  messages: state.messaging.messages
});

const mapDispatchToProps = (dispatch) => ({
  dismissUIMessage: (num) => dispatch(actions.dismissUIMessage(num))
});

Say we have a database of users and roles, where each user belongs to a role. Using the denormalized Firebase approach I might store that like this:

{
  "users": {
    "abc123": {
      "name": "Joe",
      "role": "kkk333"
    },
    // lots more users

ng-submit * only makes sense on a <form> tag * is just an event handler much like ng-click
ng-options * only makes sense on a <select> tag * enables us to have objects as selected values instead of just strings * saves us from having to type out <options ng-repeat="..." ... /> * provides additional shortcut for <optgroup> through :groupBy
ng-click
should always be a method call, don't do assignments as that relies on brittle scoping and is hard to test

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<style>
	.done {
	background-color: #DDD;


	var me = {
	name: "David Waller",
	nickName: "Davve",
	prop: "kopp"
	};

	var formalSituation = true;
	var prop;

	import { Component, Input } from '@angular/core';

	@Component({
	selector: 'app',
	template: `
	<table>
	<tr magicrow msg="hello"></tr>
	<tr magicrow msg="world"></tr>
	</table>
	`,

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Exercise 1</title>
	<style>
	.done {
	text-decoration: line-through;
	}

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Exercise 1</title>
	<script src="../jquery.js"></script>
	<script src="../angular.js"></script>
	<style>
	.selected {
	text-decoration: line-through;

	angular.module('myApp',[])

	.factory('tags',function(){
	var tags = ['urgent','blocked','boring','hard'],
	callbacks = [];
	return {
	addTag: function(t){
	tags.push(t);
	callbacks.forEach(function(cb){
	cb(tags)

	txticon = function(iconname) {
	var map = {
	"glass": "E001",
	"leaf": "E002",
	"dog": "1F415",
	"user": "E004",
	"girl": "1F467",
	"car": "E006",
	"user_add": "E007",
	"user_remove": "E008",