bensampaio

// How to optimize this component?
class DangerButton extends PureComponent {
    handleClick() {
        throw new Error('I warned you!');
    }

    render() {
        return (
            <button onClick={this.handleClick.bind(this)}>
                {"Don't press me!"}

bensampaio

class IFrame extends PureComponent {
  // ...
  
  bindEventsToFormsInIframe(iframeElement) {
    const { contentDocument, contentWindow } = iframeElement;

    jQuery(contentDocument).on('submit', '#account-form', () => {
      jQuery(contentWindow).on('unload', () => {
        // Dispatch redux action responsible for fetching and updating the account
        dispatch({ type: 'FETCH_ACCOUNT' });

bensampaio

class IFrame extends PureComponent {
  // ...
  
  getSnapshotBeforeUpdate(prevProps, prevState) {
    const snapshot = {
      hash: false,
      redirect: false,
    };

    const { location: prevLocation } = prevProps;

bensampaio

class IFrame extends PureComponent {
  constructor(props) {
    super(props);

    this.iframeElement = React.createRef();

    this.state = {
      location: props.location,
    };

bensampaio

class IFrame extends PureComponent {
  // ...
  
  setTitle(iframeElement) {
    const { contentDocument } = iframeElement;

    document.title = contentDocument.title;
  }
  
  // ...

bensampaio

class IFrame extends PureComponent {
  // ...

  bindEventsToAnchorsInIFrame(iframeElement) {
    const { history, location } = this.props;

    const { contentDocument, contentWindow } = iframeElement;

    const { jQuery } = contentWindow;

bensampaio

class IFrame extends PureComponent {
  // ...
  
  bindEventsToAnchorsInIFrame(iframeElement) {
    const { history, location } = this.props;

    const { contentDocument, contentWindow } = iframeElement;

    const { jQuery } = contentWindow;

bensampaio

class IFrame extends PureComponent {
  constructor(props) {
    super(props);
  
    this.iframeElement = React.createRef();
  
    this.handleLoad = this.handleLoad.bind(this);
  }
  
  handleLoad() {