Joe Dooley joedooley

Eric Elliott's "Composing Software" Series

A collection of links to the excellent "Composing Software" series of medium stories by Eric Elliott.

Edit: I see that each post in the series now has index, previous and next links. However, they don't follow a linear flow through all the articles with some pointing back to previous posts effectively locking you in a loop.

The Rules of React

All libraries have subtle rules that you have to follow for them to work well. Often these are implied and undocumented rules that you have to learn as you go. This is an attempt to document the rules of React renders. Ideally a type system could enforce it.

What Functions Are "Pure"?

A number of methods in React are assumed to be "pure".

On classes that's the constructor, getDerivedStateFromProps, shouldComponentUpdate and render.

How to create an HTTPS certificate for localhost domains

This focuses on generating the certificates for loading local virtual hosts hosted on your computer, for development only.

Do not use self-signed certificates in production ! For online certificates, use Let's Encrypt instead (tutorial).

Go Guru

See official doc: Using Go Guru

go get golang.org/x/tools/cmd/guru
guru -help

Guru command line usage:

Flexbox gutters

Problem

We use flexbox for our layout.
We want to add horizontal and vertical gutters inbetween these items.
Items wrap according to contents (flex-wrap: wrap), therefore we can't decide when/where to apply gutters using breakpoints.

	<?php

	add_action( 'gform_post_add_entry', 'gv_import_entry_send_notifications', 10, 2 );

	/**
	* Send notifications
	*
	* @param $entry
	* @param $form
	*/

	cd ~/
	mkdir .localhost-ssl

	sudo openssl genrsa -out ~/.localhost-ssl/localhost.key 2048
	sudo openssl req -new -x509 -key ~/.localhost-ssl/localhost.key -out ~/.localhost-ssl/localhost.crt -days 3650 -subj /CN=localhost
	sudo security add-trusted-cert -d -r trustRoot -k /Library/Keychains/System.keychain ~/.localhost-ssl/localhost.crt

	npm install -g http-server
	echo "
	function https-server() {

	<?php

	/**
	* GravityView doesn't trigger the `gform_after_submission` action when editing entries. This does that.
	*
	* @param array $form
	* @param int $entry_id ID of the entry being updated
	* @param GravityView_Edit_Entry_Render $object
	*
	* @return void

	/* eslint-disable prefer-template */

	const path = require('path');
	const aliases = require('./aliases');

	// ///////////////////////////////////////////////////////////////
	// ////////////////// PLUGINS ////////////////////////////////
	// ///////////////////////////////////////////////////////////////

	const commonPlugins = [

	<?php

	/**
	* Modify a field value after updating an entry
	*
	* @param array $form Gravity Forms form object
	* @param int $entry_id ID of the entry that was updated
	* @param array $original_entry Original entry object, before update
	*
	* @return void