Siddharth11

Why it’s important

• WPO Stats (website)
• Why performance matters (website)

Testing

• PageSpeed Insights (website)
• Setup Lighthouse in pull requests (article)
• Lighthouse in DevTools (docs)

Siddharth11

stack diff steps

1. Checkout & pull latest master

git checkout master && git pull --rebase origin master

2. Cut branch from master

arc branch stacked_feature_1

3. Make changes, add commits

Siddharth11

taken directly from https://sites.google.com/a/khanacademy.org/forge/for-developers/code-review-policy/using-phabricator

Advanced topic: Dependent Phabricator reviews

Say you have an upstream called master, and a feature branch F1, and a second change that depends on F1, (call it F2).
git checkout master
git checkout -b F1
# work work
git commit -a
arc diff

Siddharth11

set default host

arc set-config default <instance>

set default editor to vim

arc set-config editor "vim"

Siddharth11

Keybase proof

I hereby claim:

• I am siddharth11 on github.
• I am siddharth11 (https://keybase.io/siddharth11) on keybase.
• I have a public key ASBW7f3VhEYo2S-pBXki4btM9PDgvPw57Oqs1-tcAuOIfwo

To claim this, I am signing this object:

Siddharth11

class EventEmitter {
  constructor() {
    this.events = {};
  }

  subscribe(event, callback) {
    const clonedCbWithNewRef = (...params) => {
      callback(...params);
    };

Siddharth11

const pause = pauseTime => {
  const initial = new Date().getTime();
  const final = currentTime + pauseTime;
  while (final >= new Date().getTime()) {}
}

Siddharth11

// duration in milliseconds
// distance in px
const animate = (element, duration, distance) => {
    const time = {
      start: performance.now(),
      elapsed: 0,
      total: duration,
    }
  
    const move = now => {

Siddharth11

var str = 'class ಠ_ಠ extends Array {constructor(j = "a", ...c) {const q = (({u: e}) => {return { [`s${c}`]: Symbol(j) };})({});super(j, q, ...c);}}' + 
          'new Promise((f) => {const a = function* (){return "\u{20BB7}".match(/./u)[0].length === 2 || true;};for (let vre of a()) {' +
          'const [uw, as, he, re] = [new Set(), new WeakSet(), new Map(), new WeakMap()];break;}f(new Proxy({}, {get: (han, h) => h in han ? han[h] ' + 
          ': "42".repeat(0o10)}));}).then(bi => new ಠ_ಠ(bi.rd));';

try {
  eval(str);
} catch(e) {
  alert('Your browser does not support ES6!')
}

Siddharth11

@mixin medmxn($mnw, $mxw) {
    @media all and (min-width: $mnw) and (max-width: $mxw) {
        @content;
    }
}
@mixin medmx($mxw) {
    @media all and (max-width: $mxw) {
        @content;
    }
}