dan gaearon

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?

Some links to point people to when they misinterpret PATENTS clause or spread false claims.

made with esnextbin

	/*
	This replaces <Sequencer> + multiple <Sampler>s with a marble diagram sequencer.
	You can use it like this:

	<Marble
	resolution={16}
	samples={[
	'samples/kick.wav',
	'samples/snare.wav',
	]}

	class Boundary extends Component {
	constructor(props) {
	super(props);
	this.state = { err: null };
	}

	unstable_handleError(err) {
	report(err);
	this.setState({ err })
	}

	// connect() is a function that injects Redux-related props into your component.
	// You can inject data and callbacks that change that data by dispatching actions.
	function connect(mapStateToProps, mapDispatchToProps) {
	// It lets us inject component as the last step so people can use it as a decorator.
	// Generally you don't need to worry about it.
	return function (WrappedComponent) {
	// It returns a component
	return class extends React.Component {
	render() {
	return (

	// While I claim this is a drop-in replacement, it is a little bit slower.
	// If you have hundreds of links, you might spend a few more milliseconds rendering the page on transitions.

	// KNOWN ISSUES WITH THIS APPROACH:

	// * This doesn't work great if you animate route changes with <TransitionGroup>
	// because the links are going to get updated immediately during the animation.
	// * This might still not update the <Link> correctly for async routes,
	// as explained in https://github.com/reactjs/react-router/issues/470#issuecomment-217010985.

	import React, { Component } from 'react'
	import Subapp from './subapp/Root'

	class BigApp extends Component {
	render() {
	return (
	<div>
	<Subapp />
	<Subapp />
	<Subapp />

	// change this file
	module.exports = 42