jeffellis

import React, { Component } from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';

const mapStateToProps = (state) => ({});

export function withDispatch(WrappedComponent, actions) {
  class Dispatcher extends Component {

    render() {

jeffellis

componentWillReceiveProps(nextProps) {
  for (const index in nextProps) {
    if (nextProps[index] !== this.props[index]) {
      console.log(index, this.props[index], '-->', nextProps[index]);
    }
  }
}

jeffellis

.center-everything-in-div {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}

jeffellis

import React from 'react';
import ResizeObserver from 'resize-observer-polyfill';

let resizeObserver;
const subscriptions = {};

const onResizeCallback = elements => {
  elements.forEach(element => {
    const id = element.target.id;
    const callback = subscriptions[id] && subscriptions[id].callback;

jeffellis

function processInbox() {
   // process all recent threads in the Inbox (see comment to this answer)
   var threads = GmailApp.search("newer_than:1d");
   for (var i = 0; i < threads.length; i++) {
      // get all messages in a given thread
      var messages = threads[i].getMessages();
      for (var j = 0; j < messages.length; j++) {
         var message = messages[j];
         processMessage(message);
      }

jeffellis

import { useEffect, useRef } from 'react';

const useLogPropDiffs = (props, label = '') => {
  const previousProps = useRef({});

  useEffect(() => {
    previousProps.current = props;
  });

  if (previousProps.current) {