Bryan Paronto on Atomic Spin

TanStack

Give a Modal Its Own URL in TanStack Router

The TanStack Router docs cover layouts and outlets, and the route masking guide mentions a modal route in passing, but none of this helped me.

Personal Optimization

If you're sitting on years of Zettlekasten style notes and finding them harder to use as they grow, this is worth trying.

Extracurricular Activities

During the COVID-19 pandemic, I spent too much time on my computer, leading to frustration with the lack of a unified theme system.

Development Practices

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.