Uses
This page covers the different tools I use for my work.
A few of the links below are affiliate links which means I get paid or rewarded in some way if you use them to purchase, but rest assured these are all tools and services I actually use.
Services
Tech
- React - The most popular frontend framework in the world.
- TypeScript - Type-safety for JavaScript. I use it for almost all my projects.
- Testing Library - Testing utilities that encourage good testing practices.
- Playwright - End-to-end testing library for web apps.
- Prettier - Automatically format your code. A must-have.
- Jest - Delightful JavaScript testing framework.
- TailwindCSS - The defacto API for styling. Great DX.
- shadcn/ui - Reusable UI components that you can copy and paste directly into your applications
Editor
- Visual Studio Code - Follow the link to see my configuration settings.
- Night Owl (No Italics) theme - by Sarah Drasner.
- SF Mono font
Browser extensions
Desktop apps
- 1Password - Your last password manager
- Firefox Developer Edition - My default browser
- Fig - Terminal for developers
- Figma - The defacto tool for designing UIs
- Grammarly - Checks your spelling and grammar as you type
- Kap - An open-source screen recorder built with web technology
- Lunar - The defacto app for controlling monitors
- Rectangle - Move and resize windows in macOS using keyboard shortcuts or snap areas
- Notion - All-in-one workspace
- Raycast - Productivity app for macOS
- Slack - Comms for remote teams
- Spotify - Music for coding
- Warp - Reimaged terminal
- Zeplin - Design handoff
- Zoom - Video conferencing
Hardware
- Motorized standing desk
- Ergonomic chair
- 14" MacBook Pro (2021) - 10 Core M1 Pro / 16 GB RAM / 512 GB SSD
- LG 27UL550-W and LG 27UN850-W - Dual 27 Inch 4K monitor setup with Vivo dual monitor arm mount
- Keychron K3 - Mechanical keyboard with Gateron Brown switches
- Logitech MX Master 3S - Great wireless mouse
- Apple Airpods Pro
- iPhone 12 Pro