joshduck

const ReactPerf = require('ReactPerf');
const TRACE_DOM = false;

function reactPerfTrace(objName: string, fnName: string, func: any): any {
  return function(component) {
    let label;
    
    if (objName === 'ReactCompositeComponent') {
      var instName = this.getName() || 'Unknown';
      label = fnName === 'mountComponent' || fnName === 'updateComponent' ? instName : `${instName}.${fnName}`;

airportyh

var falafel = require('falafel');
var fs = require('fs');


var filePaths = process.argv.slice(2);

console.log('Processing files');
console.log(filePaths.join('\n'));
filePaths.forEach(function(filepath) {
  rewrite(filepath);

SamCyanide

import java.util.ArrayList;

public class HelloWorld {
    public static final Integer a = 104;
    private volatile static Object ob = "o";
    
    public static void good() {
  	  class NiceInnerClass { public NiceInnerClass(){System.out.print('e'); abstract class xx {}}}
  	  Object object = new NiceInnerClass();
    }

joshq00

{
   "presets": [ "react", "es2015" ],
   "plugins": [
      "transform-es2015-modules-commonjs",
      "transform-react-constant-elements",
   ]
}

kentcdodds

#!/usr/bin/env bash
set -e

# allow being run from somewhere other than the git rootdir
gitroot=$(git rev-parse --show-cdup)

# default gitroot to . if we're already at the rootdir
gitroot=${gitroot:-.};

nm_bin=$gitroot/node_modules/.bin

jsdf

const immutableJSFormatter = {
  header(x) {
    if (x && x.toJS) return ['span', {}, x.toString()];
    return null;
  },
  hasBody(x) {
    return x && x.toJS;
  },
  body(x) {
    return ['span', {}, JSON.stringify(x.toJS(), null, 2)];

teropa

In my proposed lightning talk for the Reactive Conference, I'll create Conway's Game of Life in ClojureScript, and I'll do it in five minutes. I'll use an interactive programming workflow enabled by Figwheel. Each piece will be added into the running application without reloading the page.

If you want to see a little cellular lifeform spawn out of nothing into an running web browser window, I'd appreciate it if you starred this Gist!

Cheers,

(@teropa)

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

jonrouleau

import auth from "../utils/auth";

function logout(nextState, replaceState) {
  auth.logout();
  replaceState(null, "/");
}

function redirectToLogin(nextState, replaceState) {
  if (!auth.isLoggedIn()) {
    replaceState({

tlrobinson

// give it a name so it reuses the same window
var win = window.open(null, "redux-devtools", "menubar=no,location=no,resizable=yes,scrollbars=no,status=no");

// reload in case it's reusing the same window with the old content
win.location.reload();

// wait a little bit for it to reload, then render
setTimeout(function() {
    React.render(
        <DebugPanel top right bottom left >