chrisirhc

import { Profiler, useState, useMemo } from 'react';
import { render, screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event'

let msgs = [];
function pushMsg(id, phase, actualDuration, baseDuration, startTime, commitTime) {
  msgs.push([id, phase])
}
function PushProfiler({id, children}) {
  return (

chrisirhc

https://github.com/jethrokuan/z

chrisirhc

function nextFocusInput(e) {
  if (e.target.tagName == 'INPUT') {
    return;
  }
  if (!e.relatedTarget || e.relatedTarget.tagName != 'INPUT') {
    return;
  }
  e.preventDefault();
  var allInputs = Array.from(document.querySelectorAll('input'));
  allInputs[allInputs.indexOf(e.relatedTarget) + 1].focus();

chrisirhc

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; de

chrisirhc

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; de

chrisirhc

'use strict';

module.exports = function(file, api, options) {
  const j = api.jscodeshift;
  const root = j(file.source);
  const ReactUtils = require('./utils/ReactUtils')(j);

  function makeSafe(node) {
    if (node.type !== 'JSXElement') {
      return j.jsxExpressionContainer(node);

chrisirhc

gifsicle -O3 image13.gif -o image13-opt.gif --colors 64 --scale 0.5

chrisirhc

made with esnextbin

chrisirhc

<div class="box">
  <span class="t box-inner">div + span</span>
</div>

chrisirhc

class HasTooltip extends React.Component {
  /* … */

  _renderPlaceholder() {
    return (
      <div className="has-tooltip"
        onMouseEnter={this._setHovered}
        onMouseLeave={this._setNotHovered}
        ></div>
    );