MatthewCallis

AI & Coding

Let's just ask it.

🧔🏻‍♂️ You: How can software engineers make the best use of generative AI technologies?

🤖 ChatGPT: To make the best use of generative AI technologies, software engineers can:

1. Automate repetitive tasks: Use AI to generate code snippets, documentation, or automate testing and debugging.
2. Enhance creativity: Leverage AI for design, brainstorming new ideas, or solving complex problems.

MatthewCallis

// Testing State Setters
// const [payload, setPayload] = useState({})
it('can update the number of times to loop', () => {
  const mockSetPayload = vi.fn()
  const mockPayload = {
    timeOfLoop: 0,
    amount: 0,
    units: 'hours',
    exitCondition: {
      groups: [],

MatthewCallis

eval "$(/opt/homebrew/bin/brew shellenv)"

MatthewCallis

  getLanguage: (language_code) ->
    key = language_code.toLowerCase().replace(/-/, '_')
    isoLangs = [
      { code:"aa", name:"Afar" },
      { code:"ab", name:"Abkhaz" },
      { code:"ae", name:"Avestan" },
      { code:"af", name:"Afrikaans" },
      { code:"ak", name:"Akan" },
      { code:"am", name:"Amharic" },
      { code:"an", name:"Aragonese" },

MatthewCallis

Disable EOL uninstall warnings:
	Disable auto updates when installing
	Add "EOLUninstallDisable=1" to mmc.cfg in C:\WINDOWS\system32\Macromed\Flash
	(C:\Windows\SysWOW64\Macromed\Flash on 64-bit)

---

Defuse flash player time bomb:

MatthewCallis

// https://stackoverflow.com/questions/55187563/determine-which-dependency-array-variable-caused-useeffect-hook-to-fire
// https://github.com/simbathesailor/use-what-changed/tree/master
// https://dev.to/vsramalwan/ways-to-handle-deep-object-comparison-in-useeffect-hook-1elm
import { toJS } from 'mobx'
import { useEffect, useRef } from 'react'

import type { EffectCallback } from 'react'

export interface Update {
  oldValue: any

MatthewCallis

import { renderHook } from '@testing-library/react-hooks/dom'

import useDebounce, * as allDebounce from 'hooks/useDebounce'

describe('debounce', () => {
  it('calls as expected', () =>
    new Promise<void>((done) => {
      const callingArgument = 'debounce it!'
      const debounceCallback = (value: string) => {
        expect(value).toBe(callingArgument)

MatthewCallis

import fetch from 'isomorphic-fetch';

expost const get = async (url, headers = {}) => fetch(url, {
  method: 'GET',
  headers: {
    Accept: 'application/json',
    ...headers,
  },
});

MatthewCallis

Pull Requests

Having fellow developers check your code (and checking theirs in turn) helps eliminate mistakes, clean the codebase, and share knowledge across the team. Code review is a purely human communication process. And a good way to approach humans (especially the ones you need to work with) is with empathy. This includes the obvious: politeness, kindness, and respect. But you can go a step further and remember that when you're assigning reviewers to look through your code, you're requesting another person's time and energy. Therefore, it's nice to make the process easier for them, and doing so will probably result in a more efficient code review. So, keeping empathy in mind, let's discuss some practical tips that can make your code reviewers happier.

Before & During Coding

Branch Naming Strategy

The branch name is your first opportunity to give your task context. In case your reviewer decides to check the code out locally, they will need to find that branch among many others. Prefix the br

MatthewCallis

import type { PlaywrightTestConfig } from '@playwright/test';
import { devices } from '@playwright/test';

/**
 * Read environment variables from file.
 * https://github.com/motdotla/dotenv
 */
// require('dotenv').config();

/**