Yinka Adedire yinkakun

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

VSCode - ESLint, Prettier & Airbnb Setup

1. Install ESLint & Prettier extensions for VSCode

Optional - Set format on save and any global prettier options

2. Install Packages

npm i -D eslint prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-node eslint-config-node

Open in Visual Studio Code

Open Automator
Create a new document
Select Quick Action
Set “Service receives selected” to files or folders in any application
Add a Run Shell Script action
- your default shell should already be selected, otherwise use /bin/zsh for macOS 10.15 (”Catalina”) or later
- older versions of macOS use /bin/bash
if you're using something else, you probably know what to do 😉

How to install

cd C:\Users\${username}\AppData\Local\Microsoft\PowerToys\Keyboard Manager
Backup file existing one of default.json
Download default.json and add it to the current folder

Mapped keys

key
Esc

Estimation

This document is an attempt to pin down all the things you don't think about when quoting for a project, and hopefully provide a starting point for some kind of framework to make quoting, working and delivering small-medium jobs more predictable and less stressful.

Overview articles

Database in a browser, a spec (Stepan Parunashvili)

What problem are we trying to solve with a sync system?
The web of tomorrow (Nikita Prokopov)

	# overwrite master with contents of feature branch (feature > master)
	git checkout feature # source name
	git merge -s ours master # target name
	git checkout master # target name
	git merge feature # source name

	@font-face {
	font-family: GT Walsheim Pro;
	src: local("GT Walsheim Pro Regular"),local("GTWalsheimProRegular"),url(GTWalsheimProRegular.woff2) format("woff2"),url(GTWalsheimProRegular.woff) format("woff"),url(GTWalsheimProRegular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
	}

	@font-face {
	font-family: GT Walsheim Pro;
	src: local("GT Walsheim Pro Bold"),local("GTWalsheimProBold"),url(GTWalsheimProBold.woff2) format("woff2"),url(GTWalsheimProBold.woff) format("woff"),url(GTWalsheimProBold.ttf) format("truetype");

	0-mail.com
	007addict.com
	020.co.uk
	027168.com
	0815.ru
	0815.su
	0clickemail.com
	0sg.net
	0wnd.net
	0wnd.org

	import "./styles.css";
	import { Person } from "./types";
	import { Listbox } from "./listbox/listbox";
	import { useForm } from "react-hook-form";

	const people: Person[] = [
	{ id: 1, name: "Durward Reynolds", unavailable: false },
	{ id: 2, name: "Kenton Towne", unavailable: false },
	{ id: 3, name: "Therese Wunsch", unavailable: false },
	{ id: 4, name: "Benedict Kessler", unavailable: true },