iansu

### Keybase proof

I hereby claim:

  * I am iansu on github.
  * I am iansu (https://keybase.io/iansu) on keybase.
  * I have a public key whose fingerprint is B381 B817 42ED D871 EA20  F75D 50B9 2C39 4854 3ABC

To claim this, I am signing this object:

iansu

cd() {
  if [[ $1 =~ ^[\.]{3,}$ ]]; then
    # rewrite ... as ../../ etc.
    directory="../"
    depth=${#1}

    for i in `seq 3 $depth`; do
      directory+=../
    done

iansu

for i in 1..100
  print "#{i} "
  print "fizz" if i % 3 == 0
  print "buzz" if i % 5 == 0
  print "\n"
end

iansu

import Butter from 'buttercms';

const butter = Butter('api_key');

const getHomePage = async () => {
  const homePage = await butter.page.retrieve('*', 'sample-page');

  return homePage.data.data;
};

iansu

Create New App

JavaScript Template

npx create-react-app@next --scripts-version=@next --template=cra-template@next my-js-app

TypeScript Template

npx create-react-app@next --scripts-version=@next --template=typescript@next my-ts-app

iansu

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

iansu

// Menu: npm
// Description: Search npm
// Author: Ian Sutherland
// Twitter: @iansu

await arg("Search query:", async () => {
  let query = await arg("Search query:")

  exec(`open https://www.npmjs.com/search?q=${query}`)
})

iansu

Resources

General

• ECMAScript Wikipedia
• TC39
• TC39 Proposals
• Temporal API

ES Versions

iansu

/*
 * This is a minimal implementation of Dataloader. This implementation leaves out the caching functionality
 * and skips most of the error handling so it's not suitable to use in production. This is meant to help
 * you understand how Dataloader works. Once you understand this code check out the full Dataloader code:
 * https://github.com/graphql/dataloader
 */

class Dataloader {
  constructor(batchFunction) {
    this.batchFunction = batchFunction;

iansu

Using React 17 and the new JSX transform with Create React App 4.0 Alpha

Create React App 4.0 is currently in alpha and supports using React 17 and the new JSX transform. To use it, follow these instructions.

Create a new app

Create a new app with npx create-react-app@next --scripts-version=@next --template=cra-template@next my-js-app

Update to React 17