Hot tips are spicy lil' nuggets related to web development and tooling that I share on my twitter account. I've logged them here to make them easier to find.
Page 14 of 45
🔥 Here’s what the new TypeScript 4.9 Satisfies Operator is for
Satisfies
🔥 CSS Container Queries allow us to style elements based on their containers size. Drops in Firefox Feb 14th, and then all browsers will have support!
🔥 CLI tip: Get a list of files with ESLint issues and open in VS Code
Pipe eslint → grep → xargs code.
eslint
grep
xargs code
Also handy for opening all files with merge conflicts
🔥 Terminal Tip: Suspend or Background processes to temporarily get access to your prompt.
Handy if you need to quickly npm install something, but your server is already running.
🔥 Did you know Node.js has an async readline package built in?
Super handy for prompting your user for things like tokens or filenames.
Quick example:
🔥 Fixing Twitter’s border-radius problem.
Get perfect border radius with: outerRadius = innerRadius + spaceBetween
🔥 4 JavaScript console tips: $, $$, $0 → $4 and $_
🔥 VS Code Find & Replace all instances, but match case and preview changes.
Super handy when duplicating multiple CSS Selectors or JS Components
🔥 JavaScript Functions Visualized
🔥 I use this handy git ac alias to add all and commit in a single command
git ac