Liam Chapman LiamChapman

How to disable page caching with create-react-app

If you currently not using a service worker resulting in old production caches being used and users not getting new versions of the app.

src/index.js

Use:

import { unregister as unregisterServiceWorker } from './registerServiceWorker'

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

Preface

So in the past, I've used MAMP/MAMP Pro apps and others alike. I've also, setup my own local MAMP stack with homebrew, that used dnsmasq to dynamically add vhosts anytime I added a new folder to the Sites folder which made it very convenient. But, then I started running into other environment issues with PHP versions on remote machines/servers not being updated or some other crazy thingamabob breaking. I researched and invested time in Vagrant, but that seem to break more often than my homebrew setup. So I researched again investing time into Docker via Docker for Mac (which is BAMF), which I'm sold on and use daily, but it still seems a little bleeding edge and not so simple to wrap your head around the concept. Not to mention I don't have a real use case to play with and take advantage of all the features that come packed with Docker.

This is the beginning of trying to find something more simple, and slightly quicker to setup.

React + Typescript Cheatsheet

Setup

If you use atom... download & install the following packages:

	// @sources: paulirish & joelambert
	(function() {
	var lastTime = 0;
	var vendors = ['webkit', 'moz'];
	for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
	window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
	window.cancelAnimationFrame =
	window[vendors[x]+'CancelAnimationFrame'] \|\| window[vendors[x]+'CancelRequestAnimationFrame'];
	}

	SAFARI 10.0.1
	Mozilla/5.0 (iPhone; CPU iPhone OS 10_0_1 like Mac OS X) AppleWebKit/602.1.50 (KHTML, like Gecko) Version/10.0 Mobile/14A403 Safari/602.1

	CHROME on 10.0.1
	Mozilla/5.0 (iPhone; CPU iPhone OS 10_0_1 like Mac OS X) AppleWebKit/601.1 (KHTML, like Gecko) CriOS/53.0.2785.86 Mobile/14A403 Safari/601.1.46

	FACEBOOK MESSENGER
	Mozilla/5.0 (iPhone; CPU iPhone OS 10_0_1 like Mac OS X) AppleWebKit/602.1.50 (KHTML, like Gecko) Mobile/14A403 [FBAN/MessengerForiOS;FBAV/87.0.0.24.69;FBBV/38293694;FBRV/0;FBDV/iPhone8,4;FBMD/iPhone;FBSN/iPhone OS;FBSV/10.0.1;FBSS/2;FBCR/AT&T;FBID/phone;FBLC/en_US;FBOP/5]

	TWITTER FOR IPHONE

	import {action1, action2} from "myActions";
	import {bindActionCreators} from "redux";
	import {connect} from "react-redux";

	const mapStateToProps = (state, ownProps) = {
	return {
	counter : state.counter,
	someComponentValue : state.things[ownProps.someIdProp]
	};
	}

	'use strict';
	import React, {
	AppRegistry,
	Component,
	StyleSheet,
	Text,
	View,
	TouchableOpacity,
	LayoutAnimation,
	} from 'react-native';

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>Fake auto play html audio in iOS Safari the right way</title>
	</head>
	<body>
	<h1>在 iOS Safari 中假装自动播放 HTML5 audio(音乐) 的正确方式</h1>
	<p>核心原理: 通过一个用户交互事件来主动 play 一下 audio</p>

	openalpr.IdentifyLicense(imagePath, function (error, output) {
	// handle result
	});