Clifford Fajardo cliffordfajardo

Anti-hype LLM reading list

Goals: Add links that are reasonable and good explanations of how stuff works. No hype and no vendor content if possible. Practical first-hand accounts and experience preferred (super rare at this point).

My own notes from a few months back.

Background

Remix request cheatsheet

Navigates?	declarative?	Makes GET, triggers loader	Makes POST, triggers action	No requests
navigates	declarative	`<Link to="">` `<Form method="get">`	`<Form method="post">`	`<Link to="#...">`
navigates	imperative	`navigate()` `setSearchParams()`	`submit()`	`navigate("#")`
stays	declarative	`<fetcher.Form method="get">`	`<fetcher.Form method="post">`	(doesn't make sense)
stays	imperative	`fetcher.load()`	`fetcher.submit()`	(doesn't make sense)

where

Credits to Mike North Sr.Staff Engineer from LinkedIn’s UI Infra team for the inspiration for the stuff below 🙏

What not to do

functional changes at the same time
attempt this with low test coverage
publish your types for consumers while they’re in a weak state

Compiling in lose mode:

allow implicit any in your tsconfig # TODO show a breif code snippet example of value to change in tsconfig.
start with tests passing

Fundamentals to Functional JavaScript, v3

Day 1: Data Structures

Topics: Access, Assignment, Transformations & Organization

9:15 Data Structures: Accessing + Assignment

Lecture/Slides:
Exercise:
_.get()

Deep Work Quotes

Deep Work Video

Introductory Quotes into the Topic of Deep Work:

“Deep Work: Professional activities performed in a state of distraction-free concentration that push your cognitive capabilities to their limit. These efforts create new value, improve your skill, and are hard to replicate.” (3)
- Deep work is necessary to wring every last drop of value out of your current intellectual capacity. We now know from decades of research in both psychology and neuroscience that the state of mental strain that accompanies deep work is also necessary to improve your abilities.” (3)
“Shallow Work: Noncognitively demanding, logistical-style tasks, often performed while distracted. These efforts tend to not create much new value in the world and are easy to replicate.” (6)

	import type { Server } from "node:http";

	export type Handler = (request: Request) => Response \| Promise<Response>;

	export type CreateServerOptions = {
	onError?: (error: unknown) => void;
	};

	export declare function createServer(
	handler: Handler,

	/* Ultra lightweight Github REST Client */
	// original inspiration via https://gist.github.com/v1vendi/75d5e5dad7a2d1ef3fcb48234e4528cb
	const token = 'github-token-here'
	const githubClient = generateAPI('https://api.github.com', {
	headers: {
	'User-Agent': 'xyz',
	'Authorization': `bearer ${token}`
	}
	})

	<html>
	<head>
	<title>grid</title>
	<style>
	body {padding: 0; margin: 0;}
	.container {
	display: grid;
	grid-template-rows: 200px repeat(4, 100px);
	grid-template-columns: repeat(4, 1fr);
	grid-template-areas: "header header header header"

	// ==UserScript==
	// @name Trello Syntax Highlight
	// @namespace https://gist.github.com/AsyncWizard
	// @version 0.1
	// @description try to take over the world!
	// @author AsyncWizard
	// @require https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.11.0/highlight.min.js
	// @resource https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.11.0/styles/github.min.css
	// @match https://trello.com/*
	// @grant none

	file1content
	new line