🔮 Octoclairvoyant: A tool to filter and group @github repositories releases to compare changes with ease.
Check it out right here! octoclairvoyant.now.sh/
so excited to share with you all: a new @GitHubNext addition to Copilot Labs...
✨ Code Brushes ✨
We wondered how we could make editing your code feel as tactile and easy as paint with a brush in Photoshop?
writeup: githubnext.com/projects/code…
and 🧵
Here's a tip for your first open source contribution.
Change less
Turn off your formatters, auto save hooks, and all that extra stuff. Make the change, save the file, open the PR.
🤝🏿
💁♂️If you find yourself in the unfortunate situation that you need to do something in a JS file, you can at least get auto completion by using JSDoc annotations so that you are not fully in the dark.
You'll also get red squiggles if you call this function from TS with wrong input
ALT /**
* @param {Object} props
* @param {import("@tanstack/react-query").QueryClient} props.queryClient
*/
function doSomething({ queryClient }) {
// this auto-completes 🎉
queryClient.invalidateQueries()
}
Introducing comments for Vercel Preview Deployments—now generally available.
Comment, review, and share feedback with your entire team all in one place.
vercel.com/blog/making-live-…
In my next tech blog post for @hotjar I'll talk about @pnpmjs.
Spoiler alert: do the switch. Now!
ALT Table comparing npm vs pnpm in terms of disk space usage and installation time:
Docker image size:
npm 4.08GB vs pnpm 2.54GB
node_modules size:
npm 3.2GB vs pnpm 1.3GB
Installing without cache and node_modules:
npm ~5min vs pnpm ~1min 30sec
Installing with cache but without node_modules:
npm ~5min vs pnpm ~48sec
Installing with cache and node_modules:
npm ~1min vs pnpm ~8sec
Next year, we'll be back on November 23rd-24th and the call for proposals is already opened
papercall.io/weyweyweb23
Don't be shy and submit your proposal, but also let us know if there's anyone you'd love to meet in person for the 2023 edition.
Thank you all!🤗
Problem: Changing code temporarily to support local development.
The risk: Accidentally committing the change.
Solution: Read an environment variable to apply the change conditionally.
ALT if (process.env.LOG_LEVEL === "verbose") {
// log verbose here
}
Total TypeScript has a brand new 'articles' section 🚀
It's going to be my digital garden for diving in to advanced TS topics.
And it's all free!
totaltypescript.com/articles