Aaron Hardy Aaronius

S3 Static Sites

⚠ This post is fairly old. I don't keep it up to date. Be sure to see comments where some people have posted updates

What this will cover

Host a static website at S3
Redirect www.website.com to website.com
Website can be an SPA (requiring all requests to return index.html)
Free AWS SSL certs
Deployment with CDN invalidation

If you accidentally publish a package to the wrong tag (e.g. @latest when you meant to tag it as @next) you can resolve as follows:

npm show PACKAGE_NAME versions # To view the versions you've published
npm dist-tags add PACKAGE_NAME@NEW_VERSION next # Tag the new package version as `@next`
npm dist-tags add PACKAGE_NAME@OLD_VERSION latest # Restore the correct `@latest` to be your previous release version

What I Wish I'd Known About Equity Before Joining A Unicorn

Disclaimer: This piece is written anonymously. The names of a few particular companies are mentioned, but as common examples only.

This is a short write-up on things that I wish I'd known and considered before joining a private company (aka startup, aka unicorn in some cases). I'm not trying to make the case that you should never join a private company, but the power imbalance between founder and employee is extreme, and that potential candidates would

Lower Case JSX Convention

All lower case JSX tags will now be treated as HTML/SVG elements. They will no longer be treated as custom components in scope.

The React element produced by JSX can be either a React class that exists in the local scope or a global scope HTML/SVG element depending on a convention.

Previous Behavior

Currently, when you use React JSX to define a HTML element you can use any known HTML tag. E.g:

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.

	(function(){
	'use strict';

	/*
	Create intra-page links
	Requires that your headings already have an `id` attribute set (because that's what jekyll does)
	For every heading in your page, this adds a little anchor link `#` that you can click to get a permalink to the heading.
	Ignores `h1`, because you should only have one per page.
	The text content of the tag is used to generate the link, so it will fail "gracefully-ish" if you have duplicate heading text.
	*/

	-----------
	Hello!
	-----------
	You have 5 messages.
	-----------




	*******

	<!DOCTYPE html>
	<script type="text/javascript">
	var addEvent = document.addEventListener ?
	function(node, name, fn) { node.addEventListener(name, fn, false); } :
	function(node, name, fn) { node.attachEvent('on' + name, fn); }

	var begin = +new Date;
	var log = [];
	log.push('Event, Time: readyState, EOF');
	function logEvent(name) {

	// Helpers
	// -------

	// For slicing `arguments` in functions
	var slice = Array.prototype.slice;

	// Borrow the Backbone `extend` method so we can use it as needed
	Marionette.extend = Backbone.Model.extend;

	// A wrapper / shim for `Object.create`. Uses native `Object.create`

	// Source: https://groups.google.com/forum/#!topic/angular/hVrkvaHGOfc
	// jsFiddle: http://jsfiddle.net/pkozlowski_opensource/PxdSP/14/
	// author: Pawel Kozlowski

	var myApp = angular.module('myApp', []);

	//service style, probably the simplest one
	myApp.service('helloWorldFromService', function() {
	this.sayHello = function() {
	return "Hello, World!"