TIL is my collection of short, technical daily learnings. 235 and counting.
Prettier formats code in fenced code blocks! When I type three backticks and then a code, Prettier evaluates the code in the block and tries to format it per my global .prettierrc. ...
If you’ve been writing TypeScript for a while, you might have written code like this: // utils.ts export type Color = 'red' | 'blue' | 'green'; // app.tsx import {Color} from './utils'; As of TypeScript 3.8, there’s a better way to import! // app.tsx import type {Color} from './utils'; ...
New Vite TypeScript/React apps create themselves like this: createRoot(document.getElementById('root')!).render(<App />); What’s going on with that !? ...
Vite’s default port, 5173, is leet code for the project’s name: 5 = “V” (Roman numerals 😉) 1 = “I” 7 = “T” 3 = “E” ...
To load Cursor with context of the current directory, use: cursor . ...
Today I learned about the Outbox Pattern. ...
After version v12.17.0, Node’s REPL provides a useful preview effect. In this example, 2 is shown in gray before I hit enter. > 1 + 1 2 But what if I don’t want that? Here’s a file called repl that disables it as an option: #!/usr/bin/env node const repl = require('node:repl'); repl.start({preview: false}); Then: $ ./repl > 1 + 1 No preview. Docs
With my Node versions managed via NVM, I want to be on the latest LTS. You can ensure that happens with these commands: $ nvm install --lts $ nvm alias default lts/* default -> node (-> v24.16.0) ...
The Law of Demeter is important in object-oriented programming. But where does “Demeter” come from? ...
Today I learned how to fill in an emoji with CSS. Here’s an example: .filledEmoji { color: transparent; text-shadow: '0 0 0 #86efac'; } ...