Vicente Jr Yuchitcho chitchu

A top-level App component returns <Button /> from its render() method.

What is the relationship between <Button /> and this in that Button’s render()?
Does rendering <Button><Icon /></Button> guarantee that an Icon mounts?
Can the App change anything in the Button output? What and how?

HEY: I've turned this into a blog post, which is a little more in depth.

Death to tabs, long live spaces

	const createLogger = (backgroundColor, color) => {
	const logger = (message, ...args) => {
	if (logger.enabled === false) {
	return;
	}

	console.groupCollapsed(
	`%c${message}`,
	`background-color: ${backgroundColor}; color: ${color}; padding: 2px 4px;`,
	...args

	const MODULE_DIR = /(.([\/\\]node_modules\|\.\.)[\/\\](@[^\/\\]+[\/\\])?[^\/\\]+)([\/\\].)?$/g;

	{
	loader: 'babel-loader',
	test: /\.jsx?$/,
	include(filepath) {
	if (filepath.split(/[/\\]/).indexOf('node_modules')===-1) return true;
	let pkg, manifest = path.resolve(filepath.replace(MODULE_DIR, '$1'), 'package.json');
	try { pkg = JSON.parse(fs.readFileSync(manifest)); } catch (e) {}
	return !!(pkg.module \|\| pkg['jsnext:main']);