Altay altaywtf

Virtual Hosts on nginx (CSC309)

When hosting our web applications, we often have one public IP address (i.e., an IP address visible to the outside world) using which we want to host multiple web apps. For example, one may wants to host three different web apps respectively for example1.com, example2.com, and example1.com/images on the same machine using a single IP address.

How can we do that? Well, the good news is Internet browsers

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

Folder Structure

Please note

While this gist has been shared and followed for years, I regret not giving more background. It was originally a gist for the engineering org I was in, not a "general suggestion" for any React app.

Typically I avoid folders altogether. Heck, I even avoid new files. If I can build an app with one 2000 line file I will. New files and folders are a pain.

GPG and git on macOS

Setup

No need for homebrew or anything like that. Works with https://www.git-tower.com and the command line.

Install https://gpgtools.org -- I'd suggest to do a customized install and deselect GPGMail.
Create or import a key -- see below for https://keybase.io
Run gpg --list-secret-keys and look for sec, use the key ID for the next step
Configure git to use GPG -- replace the key with the one from gpg --list-secret-keys

Ikea Bekant standing desk with Gerton table top

	# This hosts file is brought to you by Dan Pollock and can be found at
	# http://someonewhocares.org/hosts/
	# You are free to copy and distribute this file for non-commercial uses,
	# as long the original URL and attribution is included.

	#<localhost>
	127.0.0.1 localhost
	127.0.0.1 localhost.localdomain
	255.255.255.255 broadcasthost
	::1 localhost

	import { Component } from "React";

	export var Enhance = ComposedComponent => class extends Component {
	constructor() {
	this.state = { data: null };
	}
	componentDidMount() {
	this.setState({ data: 'Hello' });
	}
	render() {

	- General
	[ ] The code works
	[ ] The code is easy to understand
	[ ] Follows coding conventions
	[ ] Names are simple and if possible short
	[ ] Names are spelt correctly
	[ ] Names contain units where applicable
	[ ] Enums are used instead of int constants where applicable
	[ ] There are no usages of 'magic numbers'
	[ ] All variables are in the smallest scope possible

	const DOUBLE_PRESS_DELAY = 300;

	// ...

	/**
	* Double Press recognition
	* @param {Event} e
	*/
	handleImagePress(e) {
	const now = new Date().getTime();