Bryan Paronto on Atomic Spin

Development Practices

Build Truly Responsive Components with Container Queries

Media queries only know about the viewport, not the space actually available to individual components. Container queries fix this.

TypeScript

Tanstack Query is the modern go-to library for handling async data fetching and state management, and it's been widely adopted at Atomic.

TypeScript

The t3-env library allows you to define a Zod schema for your environmental variables, ensuring they are present and of the correct type.

TypeScript

From the makers of TanStack Query and TanStack Router comes their entry into the world of full-stack JavaScript frameworks: Tanstack Start.

Development

Let's explore the basics of OpenID Connect (OIDC) authentication workflows and demystify some of the jargon that is the OAuth 2.0 standard.

Personal Optimization

Why take daily notes at all? I first gravitated toward note-taking to quantify productivity but they're also excellent for reflection.

Personal Optimization

With this fix, we should see the workspace indicators in the `polybar` panel, and when we switch workspaces, we should see it update.

Personal Optimization

I run a multi-monitor setup, but the script I borrowed from David Wilson of System Crafters only launches polybar on the main screen.

Personal Optimization

I recently spent time configuring Doom Emacs to be my email client. Let's go over my configuration and talk through some pain points.