Quick Tips
7 tips liveSmall, actionable code snippets without the fluff.
Copy-paste ready. One thing well. Tested in production.
CSS :has() - The Parent Selector
Style parent elements based on their children with native CSS
CSS accent-color - Brand Your Forms
Change the color of checkboxes, radios and range sliders with one line of CSS
console.table() - Debug Like a Human
Format arrays and objects as readable tables in your browser console
TypeScript satisfies - Type Safety
Validate types without widening them. Keep autocomplete and literal types
Array.at(-1) - Elegant Last Element
Get the last array element without calculating length. Negative indices that work
Vitest Watch Mode Setup
Configure Vitest for instant feedback during TDD workflows
Tailwind Custom Colors
Generate a custom color palette that matches your brand
ESLint Test Rules
Enforce test files with ESLint rules and pre-commit hooks
Git Hooks for Tests
Block commits without passing tests using Husky and lint-staged
Next.js Security Headers
Add security headers via middleware for CSP, HSTS, and more
TypeScript: noUncheckedIndexedAccess
The boring flag that prevents 'cannot read undefined' crashes
Tailwind Config Organization
Structure your Tailwind config for scalability and reusability
7 tips live. More coming soon: Vitest watch mode, Tailwind color palettes, ESLint rules, Git hooks, Tailwind config organization, and more.