Code Notes
TILs, snippetsโmy digital code garden
๐ Locking scroll ๐ญ Playwright Text wrapping & word breaking ๐ฏ Intl.NumberFormat ๐ข Intl.PluralRules โณ Intl.RelativeTimeFormat Async cheatsheet ๐ Axios Array methods summarised Big O Notation Native browser loading state Check if value is array in JavaScript Check if JavaScript object is empty ๐ Clamp number ๐ฆ Clickable box ๐ Commit message guidelines ๐ฆ Contentful migrations โก C++ for TypeScript developers โ๏ธ CSS Media Queries ๐ CSS Object styles CSS Protips Express middleware testing ๐ Fetch ๐ Fish shell ๐ฟ Fullscreen video ๐น Golang for TypeScript developers GraphQL GSAP Hexadecimal colour code for transparency ๐
โโ๏ธ Ignoring code Pluralisation with inflect() ๐ฑ is-mobile check ๐งช Jest global mocks ๐ Keycode ๐งช Nock oEmbed ๐จ Postman.io Pure ESM packages React compound components ๐ฃ useReducer โ Removing items from arrays Save scroll position Stimulus cheatsheet โก Supabase.js ๐ฆ Switch(true) Technical Job Interview Questions URL & URLSearchParams Useful JavaScript functions & snippets Yalc ๐ค Web Share ๐ฃ Webmentions ๐ข Basic Maths Notation ๐ Reshaping data in JavaScript Supabase ๐งฎ CSS Functions ๐จ CSS Native Element Theming ๐ชบ Native CSS Nesting ๐ SwiftUI for TypeScript developers โฟ aria-label notes ๐ป Zustand Git worktrees with Graphite Graphite CLI Immer ๐ธ IntersectionObserver JavaScript dates ๐งช Jest ๐ JS array looping ๐ผ Native image lazy loading NATS & JetStream Next.js ๐ Web performance tips ๐ PHP for TypeScript developers ๐ Python for TypeScript developers โ React Error Boundary โ TanStack Query (React Query) โ React TypeScript ๐ฃ useId ๐ฃ React Context Redux / Redux Toolkit ๐ฆ Rust for TypeScript developers ๐ Storybook ๐
Styled Components SvelteKit ๐งช Testing library ๐จ Theme UI tmux TypeScript โก Vitest ๐ JSDoc โ Get last array item โ Remove array duplicates with Set ๐ GitHub markdown Content flow spacing ๐ Flexible content without wrapper divs ๐ฝ Postgres Git ๐ README.md / markdown snippets ๐ค Disallow AI bots Nested border radius TypeScript JSON type โ React.forwardRef ๐ฃ useRef ๐ฐ @font-face ๐๏ธโโ๏ธ font-weight CSS font-stacks โซ Eleventy Nunjucks ๐ค Text selection Svelte AI prompts ๐ฆ npm package versions TypeScript type guard Idiot-proof Git Rebasing CSS logical properties and values vh, svh, lvh, and dvh Hyphens and dashes ๐ :focus-visible ๐ฆ Fluid typography ๐๏ธ Fastest Google Fonts โ๏ธ VS Code Snippets โ
Coding standards ๐คทโโ๏ธ JS body class Disable dark mode for specific Mac apps Make a directory if none exists ๐ฅฃ Mix blend mode โ RenderIfRole โ useToggle React Hook VIM cheatsheet Form autofill attributes โ๏ธ Better link underlines ๐ CSS cursors ๐ฑ CSS Grid โก Deno GitHub Actions Shiki Twoslash ๐ณ Docker โ Conditionally render on the client or server Run npm script from another directory ๐งช Jest globals Changing the default text editor on macOS ๐ Mock React Router location inside Storybook stories TypeScript catch block errors Vercel Serverless functions ๐ Awesome Web Dev resources โ Formik ๐ฃ Quotation marks in different countries โ React Query with GraphQL SQL Custom inclusive/accessible Theme UI Button Firebase Plop ๐ Command line tools Gatsby CSS scroll-behavior Check if JavaScript array is empty ๐ Make a button element look like a link Aspect ratio Scroll-margin-top ๐ณ Cypress Git branching strategies ๐ฆ The โLobotomised Owlโ Selector โฟ Showing/hiding content Test structure โญ๏ธ CircleCI iOS Safari bug โ SSR HTTP Methods Get selected text Apollo GraphQL ๐ Better mobile form inputs ๐ฃ Client-only React Schema.org structured data Get file size for all files in directory ๐ฅฑ Async load CSS Rainbow links ๐ Styling siblings on hover ๐
Big list of naughty strings ๐ข Fixed-width numbers Handling Long Words and URLs (Forcing Breaks, Hyphenation, Ellipsis, etc) Opengraph metacrap ๐ Cutting the mustard ๐ต Clear DNS cache ๐บ Classes ๐ Create local self-signed certificate ๐งผ Cleanup / optimise computer ๐ถ CSS Filters ๐ Favicons ๐ผ Picture element ๐ฎโโ๏ธ Node Security Redux Saga Redux concepts CSS environment variables Destructuring ๐ Crypto ES Module import/export syntax ES6 templating ๐ฌ HTML Video