sjdonado

The "whiteboard defense:" I should be able to pull you aside at any moment and ask you to explain any customer-facing system you've shipped. You should be able to clearly explain how it works and defend the decisions you made. This is my benchmark for responsible AI usage.

I don't expect line-level familiarity with the code. I don't care if you remember the exact function name or implementation detail. You may not even know it. I don't care.

But if I ask "why did you do X instead of Y?", "what happens if this actor behaves maliciously?", "what data structure did you use here and why?", or "where does this fail?" you should be able to answer confidently.

For PoCs, demos, experiments, whatever: I don't care. Generate 100% of it and understand none of it. Speed over quality every time in those specific scenarios.

But if you're shipping customer-facing work, you can't be shipping things you don't understand at a high level.

sjdonado

[
  {
    "id": 1,
    "quote": "There are no original ideas. There are only original people",
    "author": "Barbara Grizzuti Harrison"
  },
  {
    "id": 2,
    "quote": "The person who gets 1 shot needs everything to go right, the person who gets 1000 shots is going to score at some point. Find a way to play the game that ensures you get a lot of shots",
    "author": "James Clear"

sjdonado

! === YouTube ===

! Hide related videos section
youtube.com##ytm-item-section-renderer[section-identifier="related-items"]
m.youtube.com##ytm-item-section-renderer[section-identifier="related-items"]

! Hide shorts tab and section
m.youtube.com##ytm-pivot-bar-item-renderer:has(.pivot-shorts)
youtube.com##[role="tab"][class*="pivot-shorts"]

sjdonado

import React, { useEffect, useRef } from 'react';
import { fabric } from 'fabric';
import { useCanvas } from './useCanvas';

const PVEditor = () => {
  const canvasRef = useRef(null);
  const { state, addObject, updateObject, deleteObject, selectObject, syncActiveObject } = useCanvas();

  useEffect(() => {
    const canvas = new fabric.Canvas('canvas', { width: 800, height: 600 });

sjdonado

<?xml version="1.0" encoding="UTF-8"?>
<!-- OPML generated by NetNewsWire -->
<opml version="1.1">
	<head>
		<title>sjdonado_feeds.opml</title>
	</head>
<body>
	<outline text="Allen Pike" title="Allen Pike" description="" type="rss" version="RSS" htmlUrl="" xmlUrl="https://feeds.allenpike.com/feed/"/>
	<outline text="furbo.org" title="furbo.org" description="" type="rss" version="RSS" htmlUrl="https://furbo.org/" xmlUrl="https://furbo.org/feed/json"/>
	<outline text="jakelazaroff.com" title="jakelazaroff.com" description="" type="rss" version="RSS" htmlUrl="https://jakelazaroff.com/" xmlUrl="https://jakelazaroff.com/rss.xml"/>

sjdonado

const getHanoiMoves = async (n) => new Promise((resolve) => {
  wasmWorker.onmessage = (event) => resolve(event.data);
  wasmWorker.postMessage({ n });
});

sjdonado

const wasmWorker = new Worker(new URL('../workers/hanoi.js', import.meta.url), {
  type: 'module',
});

sjdonado

import { get_moves } from '@wasm/games';

onmessage = (event) => {
  const moves = get_moves(event.data.n);

  postMessage(moves);
};

sjdonado

use gloo_utils::format::JsValueSerdeExt;
use wasm_bindgen::prelude::*;

#[wasm_bindgen]
pub fn get_moves(n: i32) -> JsValue {
    fn move_tower(n: i32, from: i32, to: i32, aux: i32, moves: &mut Vec<String>) {
        if n == 1 {
            moves.push(format!("{}:{}", from, to));
        } else {
            move_tower(n - 1, from, aux, to, moves);

sjdonado

import { get_moves } from '@wasm/games';