Adi adisetiawan

Stuff I wish I'd known sooner about service workers

I recently had several days of extremely frustrating experiences with service workers. Here are a few things I've since learned which would have made my life much easier but which isn't particularly obvious from most of the blog posts and videos I've seen.

I'll add to this list over time – suggested additions welcome in the comments or via twitter.com/rich_harris.

Use Canary for development instead of Chrome stable

Chrome 51 has some pretty wild behaviour related to console.log in service workers. Canary doesn't, and it has a load of really good service worker related stuff in devtools.

	server {
	listen 80;
	server_name localhost;
	root /Users/YOUR_USERNAME/Sites;

	access_log /Library/Logs/default.access.log main;

	location / {
	include /usr/local/etc/nginx/conf.d/php-fpm;
	}

	#!/bin/bash
	#####################################################
	# Name: Bash CheatSheet for Mac OSX
	#
	# A little overlook of the Bash basics
	#
	# Usage:
	#
	# Author: J. Le Coupanec
	# Date: 2014/11/04

	import { Component } from "React";

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

	'use strict';

	// simple express server
	var express = require('express');
	var app = express();
	var router = express.Router();

	app.use(express.static('public'));
	app.get('/', function(req, res) {
	res.sendfile('./public/index.html');

	<?php

	namespace WCM;

	# USES PHP 5.3 + Closures

	// No white surrounding space
	$data = array_map( 'trim', $_POST['foo'] );

	$data = filter_var_array( $data, array(

	<?php
	/**
	* This script is for easily deploying updates to Github repos to your local server. It will automatically git clone or
	* git pull in your repo directory every time an update is pushed to your $BRANCH (configured below).
	*
	* Read more about how to use this script at http://behindcompanies.com/2014/01/a-simple-script-for-deploying-code-with-githubs-webhooks/
	*
	* INSTRUCTIONS:
	* 1. Edit the variables below
	* 2. Upload this script to your server somewhere it can be publicly accessed

	cd ~
	sudo apt-get update
	sudo apt-get install openjdk-7-jre-headless -y

	### Check http://www.elasticsearch.org/download/ for latest version of ElasticSearch and replace wget link below

	# NEW WAY / EASY WAY
	wget https://download.elasticsearch.org/elasticsearch/elasticsearch/elasticsearch-1.0.1.deb
	sudo dpkg -i elasticsearch-1.0.1.deb

	/* ============================================
	* bootstrap-infiniteScroll.js
	* ============================================ */

	!function ($) {
	'use strict';
	var InfiniteScroll = function (el, options) {
	this.$element = $(el);
	this.$data = $(el).data();
	this.$options = options;

	I managed to make Codeiniter work with HHVM, using
	nginx as a proxy. My problem was that hhvm has problems
	with path_info, so I was not able to run /index.php/controller/action or
	/controller/action/params -> /index.php/controller/action.params.

	I used nginx as a proxy to hhvm. I changed the way codeigniter process
	the url. Steps bellow:

	Cleaned my HHVM .hdf file:
	Server {