Yassine Elouafi yelouafi

## model-helpers.js
"use strict"

const assign = Object.assign

function push(arr, item) {
  let newArr = (arr && arr.slice()) || []
  newArr.push(item)
  return newArr
}

## rocketLauncher.html
<!DOCTYPE html>
<html>
  <head>
    <title>Redux rocket launcher example</title>
    <script src="https://npmcdn.com/redux@latest/dist/redux.min.js"></script>
    <script src="https://npmcdn.com/redux-saga@0.9.1/dist/redux-saga.js"></script>
  </head>
  <body>
    <p>
      Example created to compare Redux + redux-saga implementation with

## redux-actions-spec.js
const empty = {}
const ktrue = () => true

const contract = p => (v, field) => {
  if(p(v, field))
    return v
  throw `Invalid value ${v} for field ${field}`
}

// builtin validators

## test-runSaga.js

import { createStore, applyMiddleware } from 'redux'

import sagaMiddleware, { runSaga, storeIO, take, put } from 'redux-saga'


///////////////////////////////////////////////////////////////////
//
// Sagas
//

## FP_Observables.js
// Observable is an Union Type, with the following variants
const Empty   = () => ['EMPTY']
const Cons    = (head, tail) => ['CONS', head, tail]
const Future  = promise => ['FUTURE', promise]

// race between 2 promises; each promise will resolve to a lazy value
const lazyRace = (p1, p2) => Promise.race([p1,p2]).then(lazy => lazy())

// function composition
const compose = (...fns) => (arg) => fns.reduceRight((res, f) => f(res), arg)

## ife-vd2-counter.jsx
/** @jsx html */

import { html } from 'snabbdom-jsx';
import Type from 'union-type';

const Action = Type({
  Increment : [],
  Decrement : [],
});


## ife-vd-counter3-init.js
function init() {
  return  { nextID: 1, counters: [] };
}

## ife-vd-counter2-main2.js
main(
  twoCounters.init(), // the initial state
  document.getElementById('placeholder'),
  twoCounters
);

## ife-vd-counter2-towCounters-update.js
function update(model, action) {
  return  action.type === RESET     ?
            {
              first : counter.init(),
              second: counter.init()
            }

        : action.type === UPDATE_FIRST   ?
            {...model, first : counter.update(model.first, action.data) }


## ife-vd-counter2-towCounters-init.js
function init() {
  return { first: counter.init(), second: counter.init() };
}
	"use strict"

	const assign = Object.assign

	function push(arr, item) {
	let newArr = (arr && arr.slice()) \|\| []
	newArr.push(item)
	return newArr
	}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Redux rocket launcher example</title>
	<script src="https://npmcdn.com/redux@latest/dist/redux.min.js"></script>
	<script src="https://npmcdn.com/redux-saga@0.9.1/dist/redux-saga.js"></script>
	</head>
	<body>
	<p>
	Example created to compare Redux + redux-saga implementation with
	const empty = {}
	const ktrue = () => true

	const contract = p => (v, field) => {
	if(p(v, field))
	return v
	throw `Invalid value ${v} for field ${field}`
	}

	// builtin validators

	import { createStore, applyMiddleware } from 'redux'

	import sagaMiddleware, { runSaga, storeIO, take, put } from 'redux-saga'


	///////////////////////////////////////////////////////////////////
	//
	// Sagas
	//
	// Observable is an Union Type, with the following variants
	const Empty = () => ['EMPTY']
	const Cons = (head, tail) => ['CONS', head, tail]
	const Future = promise => ['FUTURE', promise]

	// race between 2 promises; each promise will resolve to a lazy value
	const lazyRace = (p1, p2) => Promise.race([p1,p2]).then(lazy => lazy())

	// function composition
	const compose = (...fns) => (arg) => fns.reduceRight((res, f) => f(res), arg)
	/** @jsx html */

	import { html } from 'snabbdom-jsx';
	import Type from 'union-type';

	const Action = Type({
	Increment : [],
	Decrement : [],
	});
	main(
	twoCounters.init(), // the initial state
	document.getElementById('placeholder'),
	twoCounters
	);
	function update(model, action) {
	return action.type === RESET ?
	{
	first : counter.init(),
	second: counter.init()
	}

	: action.type === UPDATE_FIRST ?
	{...model, first : counter.update(model.first, action.data) }
	function init() {
	return { first: counter.init(), second: counter.init() };
	}