Steve Krouse stevekrouse

https://medium.com/@andrestaltz/why-i-cannot-say-frp-but-i-just-did-d5ffaa23973b https://stackoverflow.com/questions/5875929/specification-for-a-functional-reactive-programming-language/5878525 https://stackoverflow.com/questions/5385377/the-difference-between-reactive-and-functional-reactive-programming/5386908#5386908 http://conal.net/blog/posts/early-inspirations-and-new-directions-in-functional-reactive-programming https://stackoverflow.com/questions/1028250/what-is-functional-reactive-programming/1030631#1030631 https://github.com/conal/talk-2014-bayhac-denotational-design#why-continuous-time-matters https://github.com/conal/talk-2015-essence-and-origins-of-frp

On a fateful day in late 2014, I read The Future of DOM MV* by David Nolan. It mentioned a new JavaScript library out of Facebook that everybody was making fun of. I read on. My mind was blown. ReactJS was a revalation!

count = 0

update msg count =
  case msg of
    Increment ->
      count + 1

Comprehensible Reactivity

Title ideas
- Casual Software Development
- End User Development
  - https://en.wikipedia.org/wiki/End-user_development#cite_note-22
  - Evaluating the cost of end-user development
    - http://sci-hub.tw/10.1145/1083231.1083241
- Democratizing User Interface Creation
Outline

Casually Editable Software

Title ideas
- Casual Software Development
- End User Development
  - https://en.wikipedia.org/wiki/End-user_development#cite_note-22
  - Evaluating the cost of end-user development
    - http://sci-hub.tw/10.1145/1083231.1083241
Outline
What is casual editing?

	<html>
	<head>
	</head>
	<body>
	<h1 id="error" style="display:none; color: red">Too many characters to save. Please delete some.</h1>
	<div id="c" contenteditable style="min-height:300px;outline:none;"></div>
	</body>
	<script src="main.js"></script>
	</html>

	module Main exposing (main)

	import Html exposing (Html, button, div, text)
	import Html.Events exposing (onClick)


	type alias Model =
	{ count : Int }

	_nonWordRe = /[^a-zA-Z0-9\u00C0-\u00FF, ]+/g;
	_iterateGrams = function(value, gramSize) {
	gramSize = gramSize \|\| 2;
	var simplified = '-' + value.toLowerCase().replace(_nonWordRe, '') + '-',
	lenDiff = gramSize - simplified.length,
	results = [];
	if (lenDiff > 0) {
	for (var i = 0; i < lenDiff; ++i) {
	value += '-';
	}

	group = xs => xs.reduce((rv, x) => {
	(rv[x] = (rv[x] \|\| [])).push(x);
	return rv;
	},
	{});
	objMap = (oldObj, func) => Object.keys(oldObj).reduce(function(newObj, current) {
	newObj[current] = func(oldObj[current])
	return newObj;
	},
	{});

	-- model
	count = 0

	--reducer
	update msg count =
	case msg of
	Increment ->
	count + 1

	-- view

	clickEvents <- intButton clicksCount
	clicksCount <- foldDyn (\accumulator currentValue -> accumulator + 1) 0 clickEvents