iansu

_enter_dir() {
  local git_root
  git_root=$(git rev-parse --show-toplevel 2>/dev/null)

  if [[ "$git_root" == "$PREV_PWD" ]]; then
    return
  elif [[ -n "$git_root" && -f "$git_root/.nvmrc" ]]; then
    nvm use
    NVM_DIRTY=1
  elif [[ "$NVM_DIRTY" == 1 ]]; then

iansu

Display the architecture (arm64 or x86) of the current shell in your prompt using Starship. I use zsh as my shell but you should be able to adapt this for other shells. As a bonus this also shows you how to set up your path to work with both arm64 and x86 versions of Homebrew.

Add this to your ~/.zshrc:

if [[ $(arch) == 'arm64' ]]; then
  export PATH="$HOME/bin:/opt/homebrew/bin:/opt/homebrew/sbin:$PATH"
  export SHELL_ARCH="arm64"
  echo '=========== arm64 ============'
else

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

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

Resources

General

• ECMAScript Wikipedia
• TC39
• TC39 Proposals
• Temporal API

ES Versions

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

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

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

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

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