Liam Chapman LiamChapman

React + Typescript Cheatsheet

Setup

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

What are Typescript type definition files? (*.d.ts)

Commit Message Conventions

These rules are adopted from the AngularJS commit conventions.

Goals
Generating CHANGELOG.md
- Recognizing unimportant commits
- Provide more information when browsing the history
Format of the commit message
Subject line

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

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

raf.js

A simple script with a few niceties that allows for multiple requestAnimationFrame calls, and FPS pinning.

How it works

The script polyfills rAF if required, then overloads requestAnimationFrame and cancelAnimationFrame with a process that allows multiple frames to be queued up for rAF to run.

This is useful if there are multiple animations running on the page, you want all the callbacks to happen at once, and not on multiple rAF calls. This script is meant as a drop-in solution to that problem.

	// Originally inspired by David Walsh (https://davidwalsh.name/javascript-debounce-function)

	// Returns a function, that, as long as it continues to be invoked, will not
	// be triggered. The function will be called after it stops being called for
	// `wait` milliseconds.
	const debounce = (func, wait) => {
	let timeout;

	return function executedFunction(...args) {
	const later = () => {

	chore: add Oyster build script
	docs: explain hat wobble
	feat: add beta sequence
	fix: remove broken confirmation message
	refactor: share logic between 4d3d3d3 and flarhgunnstow
	style: convert tabs to spaces
	test: ensure Tayne retains clothing

	/* Based on
	* - EGM Mathematical Finance class by Enrique Garcia M. <[email protected]>
	* - A Guide to the PMT, FV, IPMT and PPMT Functions by Kevin (aka MWVisa1)
	*/

	var ExcelFormulas = {

	PVIF: function(rate, nper) {
	return Math.pow(1 + rate, nper);
	},

	// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
	// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating

	// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel

	// MIT license

	(function() {
	var lastTime = 0;
	var vendors = ['ms', 'moz', 'webkit', 'o'];

	Drop in replace functions for setTimeout() & setInterval() that
	make use of requestAnimationFrame() for performance where available
	http://www.joelambert.co.uk

	Copyright 2011, Joe Lambert.
	Free to use under the MIT license.
	http://www.opensource.org/licenses/mit-license.php