amitchhajer

git ls-files -z | xargs -0n1 git blame -w | perl -n -e '/^.*\((.*?)\s*[\d]{4}/; print $1,"\n"' | sort -f | uniq -c | sort -n

Raynos

Virtual DOM and diffing algorithm

There was a [great article][1] about how react implements it's virtual DOM. There are some really interesting ideas in there but they are deeply buried in the implementation of the React framework.

However, it's possible to implement just the virtual DOM and diff algorithm on it's own as a set of independent modules.

gaearon

// connect() is a function that injects Redux-related props into your component.
// You can inject data and callbacks that change that data by dispatching actions.
function connect(mapStateToProps, mapDispatchToProps) {
  // It lets us inject component as the last step so people can use it as a decorator.
  // Generally you don't need to worry about it.
  return function (WrappedComponent) {
    // It returns a component
    return class extends React.Component {
      render() {
        return (

dannycroft

var t = window.performance.timing;
var interactive = t.domInteractive - t.domLoading;
var dcl = t.domContentLoadedEventStart - t.domLoading;
var complete = t.domComplete - t.domLoading;

console.log('interactive: ' + interactive + 'ms, ' + 'dcl: ' + dcl + 'ms, complete: ' + complete + 'ms');

EQuimper

watchman watch-del-all && rm -rf node_modules/ && yarn cache clean && yarn install && yarn start -- --reset-cache

addyosmani

Workbox runtime caching recipes

Your Service Worker script will need to import in Workbox and initialize it before calling any of the routes documented in this write-up, similar to the below:

importScripts('workbox-sw.prod.v1.3.0.js');
const workbox = new WorkboxSW();

// Placeholder array populated automatically by workboxBuild.injectManifest()

adisetiawan

//npm init -y
//npm install --save puppeteer
//usage: node script.js /path/to/input.html /path/to/output.pdf


//script.js
const puppeteer = require('puppeteer');

(async () => {
  

hanford

import Service, { Router } from '@eaze/service'
import { auth, isAdmin } from '@eaze/middleware'

class Acacia extends Service {
  static router () {
    return (
      <Router>
        <Get route='/products' handler={(req, res) => res.send(200)} />
        <Post route='/products/create' middleware={[ isAdmin ]} handler={(req, res) => res.send(200)} />
        <Patch route='/products/:id' middleware={[ isAdmin ]} handler={(req, res) => res.send(200)} />

sibelius

// @flow
import { ConnectionHandler } from 'relay-runtime';
import { isObject, isArray } from 'lodash/fp';

export function listRecordRemoveUpdater({ parentId, itemId, parentFieldName, store }) {
  const parentProxy = store.get(parentId);
  const items = parentProxy.getLinkedRecords(parentFieldName);

  parentProxy.setLinkedRecords(items.filter(record => record._dataID !== itemId), parentFieldName);
}

hanford

type state = {
  count: int,
};

type action =
  | Add
  | Subtract;

module Counter = {  
  let component = ReasonReact.reducerComponent("Counter")