Harri Hälikkä harriha

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.~~

Hapi for Express developers

(My opinionated view as an Express developer)

Check this post: http://matt-harrison.com/moving-from-express-to-hapi-js/ and how to use Hapi plugins: https://gist.github.com/hueniverse/f01faf422eb038d87d57 written by Hapi creator Eran Hammer.

Good (in Hapi)

Rakkauden mergekonflikti

Alkup. Frank & Nancy Sinatra – Something Stupid

San. Harri Sarsa, Aku Rouhe

Kun sydäntarran Mäkkiini mun laitoit, tiesin samaan stäkkiin tahdon sun kaa.
Sä toisit värit mun bäshiin, mä oisin suola sun häshiin. Mut ei, en saa.

Document your target environment with:

"engines": {
  "npm": ">=3.3.12 <4",
  "node": ">=5.5.0 <6"
},

Then install this:

"devDependencies": {

Important: At the time of writing (2019-11-11) Immutable.js is effectively abandonware, so I can no longer recommend anyone to follow the advice given here. I'll leave the article here for posterity, since it's still getting some traffic.

Understanding Immutable.Record

Functional programming principles and with it immutable data are changing the way we write frontend applications. If the recent de-facto frontend stack of React and Redux feels like it goes perfectly together with immutable data, that's because it's specifically designed for that.

There's several interesting implementations of immutable data for JavaScript, but here I'll be focusing on Facebook's own Immutable.js, and specifically on one of i

Howto start using Letsencrypt with `simp_le`

What I had:

A Debian server at "mydomain.fi"
A self-signed certificate for Apache HTTPD, Postfix SMTPD and Dovecot IMAPD.

What I wanted:

A Letsencrypt certificate for Apache, Postfix and Dovecot
Simple tool for managing certificates that does need root privileges
Automatic renewal

Can't share the complete code because the app's closed source and still in stealth mode, but here's how I'm using React Router and Redux in a large app with server rendering and code splitting on routes.

Server

Wildcard Express route configures a Redux store for each request and makes an addReducers() callback available to the getComponents() method of each React Router route. Each route is responsible for adding any Redux reducers it needs when it's loaded. (This isn't really necessary on the

Long Live Icon Fonts!

or, a Quick PSA on icon fonts and ligatures.

tl;dr: keep using icon fonts, they are nice, just enable ligatures

These are my talking notes at the http://wwweeklies.com/ on 2015-12-04:

This Seriously, Don’t Use Icon Fonts post came out
This I agree with: SVG is really nice for the Web

	import { mountWithIntl } from 'helpers/intl-enzyme-test-helper.js';

	const wrapper = mountWithIntl(
	<CustomComponent />
	);

	expect(wrapper.state('foo')).to.equal('bar'); // OK
	expect(wrapper.text()).to.equal('Hello World!'); // OK

	import React, { Component } from 'react'
	import Subapp from './subapp/Root'

	class BigApp extends Component {
	render() {
	return (
	<div>
	<Subapp />
	<Subapp />
	<Subapp />