Matt CWSites

React lifecycle cheatsheet

Method	Side effects¹	State updates²	Example uses
Mounting
`componentWillMount`		✓	Constructor equivalent for `createClass`
`render`			Create and return element(s)
`componentDidMount`	✓	✓	DOM manipulations, network requests, etc.
Updating
`componentWillReceiveProps`		✓	Update `state` based on changed `props`

Page Name: AdobeTracking.pageName = 'Mr. Robot : S2 Easter Egg Sites : Ransomware : Home';
URL: http://i239.bxjyb2jvda.net/
JS: http://i239.bxjyb2jvda.net/web_analytics.js
Credit: https://0x41.no/mr-robot-s02e01-easter-egg/

On load, this page displays a countdown timer starting at 24:00:00. When time is over, the following "hidden" message is revealed:

	const { performance } = require('perf_hooks');
	const assert = require('assert');
	const DURATION_COLUMN = 'time[ns]';

	// Create 1000 random numbers
	const createTestArray = length => Array.from({ length }, () => 1 + Math.floor(Math.random() * 1000));
	const createReferenceArray = testArray => testArray.map(v => Math.ceil((v + 2) / 10));
	const sumUp = array => array.reduce((sum, value) => sum + value, 0);
	const computeBenchmark = v => Math.ceil((v + 2) / 10);