Sudharshan sdn2525

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

Docker - How to cleanup (unused) resources

Once in a while, you may need to cleanup resources (containers, volumes, images, networks) ...

delete volumes

// see: https://github.com/chadoe/docker-cleanup-volumes

$ docker volume rm $(docker volume ls -qf dangling=true)

$ docker volume ls -qf dangling=true | xargs -r docker volume rm

React Component Lifecycle

getInitialState
getDefaultProps
componentWillMount
componentDidMount
shouldComponentUpdate (Update only)
componentWillUpdate (Update only)
componentWillReceiveProps (Update only)
render

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.

	## EXPIRES CACHING ##
	# <IfModule mod_expires.c>
	# ExpiresActive On
	# ExpiresByType image/jpg "access 1 year"
	# ExpiresByType image/jpeg "access 1 year"
	# ExpiresByType image/gif "access 1 year"
	# ExpiresByType image/png "access 1 year"
	# ExpiresByType text/css "access 1 month"
	# ExpiresByType text/html "access 1 month"
	# ExpiresByType application/pdf "access 1 month"

	Lesson 1 - Iterations
	- BinaryGap - https://codility.com/demo/results/trainingU2FQPQ-7Y4/

	Lesson 2 - Arrays
	- OddOccurrencesInArray - https://codility.com/demo/results/trainingFN5RVT-XQ4/
	- CyclicRotation - https://codility.com/demo/results/trainingSH2W5R-RP5/

	Lesson 3 - Time Complexity
	- FrogJmp - https://codility.com/demo/results/training6KKWUD-BXJ/
	- PermMissingElem - https://codility.com/demo/results/training58W4YJ-VHA/

	# Last updated May, 2024 for Apple silicon Macs
	# Install Homebrew if you don't already have it: https://brew.sh

	# install nano from homebrew
	brew install nano nanorc

	# update your nanorc file
	echo 'include "'"$(brew --cellar nano)"'//share/nano/.nanorc"' >> ~/.nanorc

	# close and re-open your terminal and you'll have syntax highlighting