alessbell

{"label":"coverage","message":"100%","schemaVersion":1,"color":"brightgreen","namedLogo":"typescript"}

alessbell

function ghrv() {
  PR_NUMBER_AND_REPO=`
    gh search prs --state=open --review-requested=@me \
      --json author,authorAssociation,number,repository,title,updatedAt \
      --template '{{range .}}{{tablerow .number .repository.nameWithOwner .title .author.name .authorAssociation (timeago .updatedAt)}}{{end}}' \
      -- -author:"svc-secops" -author:"app/renovate" -author:"app/github-actions" -author:"app/dependabot" |
      fzf --height 25% --reverse |
      cut -d' ' -f1-6 |
      sed 's/   */:/g' |
      awk '{$1=$1;print}'

alessbell

#!/usr/bin/env bash

####
# Copyright (c) 2016-2021
#   Jakob Westhoff <jakob@westhoffswelt.de>
#
# Redistribution and use in source and binary forms, with or without
# modification, are permitted provided that the following conditions are met:
#
#  - Redistributions of source code must retain the above copyright notice, this

alessbell

// TODO: make `pages` optional and measure the div when unspecified, this will
// allow more normal document flow and make it easier to do both mobile and
// desktop.
import {
  createContext,
  useCallback,
  useContext,
  useEffect,
  useMemo,
  useRef,

alessbell

const paragraph =
  'If you want to jumpstart the process of talking to us about this role, here’s a little challenge: write a program that outputs the largest unique set of characters that can be removed from this paragraph without letting its length drop below 50.';

// First we'll take the set of unique characters

const uniqueCharacters = str => {
  const chars = [];
  str.split('').forEach(char => {
    if (!chars.includes(char)) {
      chars.push(char);

alessbell

Hooks! 🎣

Resources

Docs

• React Hooks API Reference
  • Is it safe to omit functions from the list of dependencies? [link] (no.)
  • What can I do if my effect dependencies change too often? [link]
  • Functional updates [link]
• Using the Effect Hook [link]

alessbell

/**
 * A Canvas2D + SVG Pen Plotter example of "Cubic Disarray"
 * (a recreation of an artwork by Georg Nees in 1968-71).
 *
 * @author Stephane Tombeur (https://github.com/stombeur)
 */

const canvasSketch = require("canvas-sketch");
const { polylinesToSVG } = require("canvas-sketch-util/penplot");
const pickRandom = require("canvas-sketch-util/random");

alessbell

version: 2.1
orbs:
  cypress: cypress-io/cypress@1
  slack: circleci/slack@3.3.0

workflows:
  run_cypress:
    triggers:
      - schedule:
          cron: "30 11 * * *"

alessbell

React Testing Library notes

• Intro

Queries

• getByTestId, or which query should I use?
• query cheatsheet
• API reference for all queries

Assertions and custom matchers

• regular old jest matchers: https://jestjs.io/docs/en/expect#expectvalue

alessbell

const readline = require('readline');
const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout,
});

let board = [[' ', ' ', ' '], [' ', ' ', ' '], [' ', ' ', ' ']];
let currentPlayer = 'x';
const charMap = {
  A: 0,