tomhicks

import React from "react"
import {InternalRoutes} from "types/routes"
import Link, {LinkProps} from "next/link"

export function InternalLink({
  routeName,
  routeParams,
  ...linkProps
}: Omit<LinkProps, "href" | "as"> &
  InternalRoutes & {children: React.ReactChild}) {

nickytonline

// In response to https://twitter.com/housecor/status/930108010558640128
function doubleAfter2Seconds(x) {
  return new Promise(resolve => {
    resolve(x * 2);
  }, 2000);
}

async function addAsync(x) {
  const { a, b, c } = await Promise.all([
    doubleAfter2Seconds(10),

aliceklipper

const { join }     = require('path');
const webpack      = require('webpack');
const DefinePlugin = webpack.DefinePlugin;

module.exports = {
    target  : 'web',
    entry   : './src/index.tsx',
    output  : {
        chunkFilename : '[id].index.js',
        filename      : 'index.js',

guilhermepontes

// original gist
const shuffleArray = arr => arr.sort(() => Math.random() - 0.5);

// fully random by @BetonMAN
const shuffleArray = arr => arr
  .map(a => [Math.random(), a])
  .sort((a, b) => a[0] - b[0])
  .map(a => a[1]);

shuffleArray([1, 2, 3]) //[3, 1, 2]

guilhermepontes

const fetchMock = (response) => {
  window.fetch = jest.fn().mockImplementation(() =>
    new Promise((resolve) => {
      resolve({ json: () =>  response })
    })
  )
}

const fetchMockRejected = (response) => {
  window.fetch = jest.fn().mockImplementation(() =>

MarcoWorms

function createStore (reducers) {
  var state = reducers()
  const store = {
    dispatch: (action) => {
      state = reducers(state, action) 
    },
    getState: () => {
      return state
    } 
  }

jcemer

This is a proposal for a lightning talk at the Reactive 2016 conference. If you like this, star the Gist.

---

Thinking metrics on React applications

In regular websites, it is common to send multiple events to track user clicks. Single Page Applications change the way you look at metrics. This is a talk about a simple pattern we created at Globo.com to manage a metrics layer for http://globoplay.globo.com. The talk will cover how to track user flow using Google Analytics and other services. We solved the challenge of tying metrics and components, keeping information across pages and having global data. Also some React, React Router and React Side Effects concepts like context, higher order components, history state will be covered.

chadsmith

(function() {
  var FaviconAwesome = function(icon, color, bg) {
    'use strict';
    var
      container = document.createElement('div'),
      span = document.createElement('span'),
      body = document.body,
      content,
      canvas = document.createElement('canvas'),
      getContext = function(w) {

WebReflection

// this is now a module:
// https://github.com/WebReflection/backtick-template#es2015-backticks-for-es3-engines--


var template = require('backtick-template');

// just string
const info = 'template';
`some ${info}` === template('some ${info}', {info});

tsiege

ANNOUNCEMENT

I have moved this over to the Tech Interview Cheat Sheet Repo and has been expanded and even has code challenges you can run and practice against!






\