Vasileios Paraskevas vparaskevas

Use with the following

react-router
redux-form

You must use this compontent on the route component where the form is shown not on the form component itself. This is because this.props.route is only added to route components, and I didn't want to pass that down through props.

Inspired by this Codepad

Feedback appreciated

Array Iteration

https://gist.github.com/ljharb/58faf1cfcb4e6808f74aae4ef7944cff

While attempting to explain JavaScript's reduce method on arrays, conceptually, I came up with the following - hopefully it's helpful; happy to tweak it if anyone has suggestions.

Intro

JavaScript Arrays have lots of built in methods on their prototype. Some of them mutate - ie, they change the underlying array in-place. Luckily, most of them do not - they instead return an entirely distinct array. Since arrays are conceptually a contiguous list of items, it helps code clarity and maintainability a lot to be able to operate on them in a "functional" way. (I'll also insist on referring to an array as a "list" - although in some languages, List is a native data type, in JS and this post, I'm referring to the concept. Everywhere I use the word "list" you can assume I'm talking about a JS Array) This means, to perform a single operation on the list as a whole ("atomically"), and to return a new list - thus making it mu

Electron SQLite3 Integration

When trying to use the node-sqlite3 module in Electron I got the error:

Error: Cannot find module '/path/to/my/application/node_modules/sqlite3/lib/binding/electron-v1.4-linux-x64/node_sqlite3.node'

Using Ubuntu 16.04 with Node 7.1.0 and Electron 1.4.12.

I read the following:

	'use strict';

	var reconnection = true,
	reconnectionDelay = 5000,
	reconnectionTry = 0;

	function initClient() {
	connectClient();
	}

	// 🔥 Node 7.6 has async/await! Here is a quick run down on how async/await works

	const axios = require('axios'); // promised based requests - like fetch()

	function getCoffee() {
	return new Promise(resolve => {
	setTimeout(() => resolve('☕'), 2000); // it takes 2 seconds to make coffee
	});
	}

	/**
	* Greedy Algorithm (maximum daily profit from stock sale) - "let me see what my options are, first..."
	*
	* Overview:
	* ---------
	* By using Greedy Algorithms we can pass over the data once (O(n) time), storing values we find to be optimal, per our criteria, by
	* comparing them to current values. We have to go over the entire set to do this, but we only have to do it once - yay!
	*
	* From Wikipedia: "A greedy algorithm is an algorithm that follows the problem solving heuristic of making the locally optimal
	* choice at each stage with the hope of finding a global optimum."

	function doSomething() {
	return dispatch =>
	fetch(
	'/api/something'
	).then(
	response => response.json()
	).then(
	json => dispatch({ type: DO_SOMETHING, json }),
	err => dispatch({ type: SOMETHING_FAILED, err })
	);

	/*
	INIT: ensure Babel/Eslint/Flow is configured for ES Class Fields & Static Properties
	JSX USAGE: <Iframe src='http://web.site' onLoad={myOnloadFunction}/>
	*/
	import React, { Component, PropTypes } from 'react'
	import ReactDOM from 'react-dom'

	class Iframe extends Component {

	static propTypes: Object = {

	List()
	var list = Immutable.List([1,2,3])
	// [1, 2, 3]

	List.isList()
	Immutable.List.isList(list)
	// true

	List.of()
	var list = Immutable.List.of(1,2,3);

	// getComponent is a function that returns a promise for a component
	// It will not be called until the first mount
	function asyncComponent(getComponent) {
	return class AsyncComponent extends React.Component {
	static Component = null;
	state = { Component: AsyncComponent.Component };

	componentWillMount() {
	if (!this.state.Component) {
	getComponent().then(Component => {