Trending Posts

Trending

Growing as Makers

From Daunting to Doable: Kill It at Your Next Networking Event with These 5 Hacks

Even the most outgoing extroverts sometimes get sweaty palms at a networking event. But with the right mindset, it can actually be fun.

Natasha Grant Business Development Lead, helping partners in healthcare and fintech solve real problems through thoughtful, people-first solutions. Chicago Native. Proud Dog Mom to one good boy, Carbon.

Categories

Most Recent View more recent posts →

Project & Team Management • Dec 12

Shipping Every Sprint: Lessons from Continuous Production Deployments

My team has been deploying to production at the end of every sprint. That rhythm reshaped how I plan work & collaborate with teammates.

The Software Life • Dec 11

Quality Can’t Be Tested In — It Must Be Built In

No time or budget for quality assurance, but your last project was full of bugs that could have been avoided? It’s time to shift QA left.

AI for Designers • Dec 10

Designing AI Suggestions for Emotional Contexts: What We Learned

When you're designing AI features for a reflection platform, you face a challenge: how to add AI suggestions to sensitive moments.

View more recent posts

Developer Tools View more Developer Tools posts →

Pictured are two developers looking at a monitor. Post title: The Junior Dev's Intro to Vimrc

Developer Tools

The Junior Dev’s Intro to Vimrc

read post

A snippet of Gleam error code. Post title: First Impressions of Gleam

Developer Tools

First Impressions of Gleam

read post

Pictured is author Jacob Williams looking at a monitor. Post title: What I Love About My Warp Terminal

Developer Tools

What I Love About My Warp Terminal

read post

Pictured are hands on a keyboard. Post title: Maximize Vim with Macros

Developer Tools

Maximize Vim with Macros

read post

View more Developer Tools posts

UX/Design Tools View more UX/Design Tools posts →

View more UX/Design Tools posts

React / Redux View more React / Redux posts →

Pictured is author Jared Surato. Post title: Smarter Data Fetching with TanStack Query: Reusable Patterns and Optimistic UI

React / Redux

Smarter Data Fetching with TanStack Query: Reusable Patterns and Optimistic UI

Here are a few especially helpful patterns for real-world projects, including reusing query configuration across components.

Use React Hook Form with Zod Validation: Part One

React / Redux

Use React Hook Form with Zod Validation: Part One

React Hook Form is a library that smoothly handles forms in React. Let's look at examples of how to use React Hook Form with Zod validation.

Improve Asynchronous State UX in React with useOptimistic

React / Redux

Improve Asynchronous State UX in React with useOptimistic

React 19’s useOptimistic hook helps reduces annoyances by providing a built-in hook for Optimistic Updates.

View more React / Redux posts

Web Apps View more Web Apps posts →

Web Apps

Build a 3D Product Configurator with Babylon.js

read post

How to Build and Publish Browser Extensions for Chrome, Firefox, and Safari

Web Apps

How to Build and Publish Browser Extensions for Chrome, Firefox, and Safari

read post

Embedding Payload CMS 3.0 Admin UI in Your Next.js App

Web Apps

Embed Payload CMS 3.0 Admin UI in Your Next.js App

read post

About a year ago, I used Remix on a short prototype app to that displayed a series of reports and I loved it. For those who don’t know. Remix is a framework for building websites. It uses React JS as a base and adds some specialized compiling. The app was a great use case for Remix for a few reasons. First, the pre-built stacks got the app deployed quickly. The main parts of Remix that shined were its prefetching, directory-based routing, and its loader functions. The prefetching helped the reports load faster because some data would be retrieved before the user navigated. The directory-based routing made it easy to setup the structure of the app. Last, Remix’s loader functions were able to retrieve small amounts of data each as it was needed. I am now using Remix on a second website that has a different structure than the prototype and we aren’t able to use the same features to the same degree. This time around, I am finding myself using fewer of the features mentioned previously. We aren’t using perfecting because we have a single page with a lot of complexity. We have fewer loader functions retrieving lots of information at once which makes them perform worse. The main difference that I found between the two projects is that the prototype was a multipage app and the second has been turning into a single page app (SPA). Based on Remix's documentation and my experience the best use cases for Remix are ones that can be modeled as multiple pages. Challenges for single page apps For this post, when I refer to a single page app I am referring to an app that tries to pack a variety of behaviors onto a single route. An example would be Google Calendar. Pictured below: In order to render this page, we need to load a few different things. We need to load all the events for this month, all the calendars for the user, and the details for the apps along the lefthand side. Then to use the app, we need to track which event is selected. When the user drags an event, we need to keep track of the calendar it is on. Then when it is placed, an alert is displayed if there are any conflicts. This state and behavior may need to be done in one component, which means one loader function. We may also want to perform component tests which are only partially supported in Remix, based on this git conversation. Make it optimal Instead, let’s talk about structuring an app to leverage Remix’s strengths. I am assuming we want to make use of Remix’s speedy loading while getting around some of its component testing limitations.The files that are used for routing should each be responsible for retrieving, displaying and mutating a limited set of information. As an example of a UI structure that could work well in Remix let’s look at Slack. Slack's UI can be visually broken down into three sections. The workspaces are on the far left. Then the channels within the selected workspace are listed, and lastly, we have the current chat for the selected workspace. A Remix app with this UI could have a URL like: slack/workspace2/proj-new-website. The root of the app would get the list of all workspaces, then /workspace2 would load the details for the selected workspace. Lastly, the chat window for /proj-new-website would load the chats and display them. This app can be modeled as a multipage app because the responsibilities are spread at different levels of the page instead of being concentrated in one component, like with the Google Calendar example. This would be a Slack-like app, and a better use case for Remix than a calendar app. Use the right tool for the job Remix is a powerful tool for web development. It can produce polished prototypes quickly and can build performant production apps. However, an app in Remix needs to keep Remix's design principles in mind. This means splitting the app's pages into pieces that can be loaded and rendered separately and keeping components as simple as possible in order to limit component testing on the frontend. Designing an app this way will enable the app to leverage the performance benefits promised by Remix.

Web Apps

Remix is Incredible — If It Fits Your Use Case

read post

View more Web Apps posts

Development Practices View more Development Practices posts →

View more Development Practices posts

DevOps & System Admin View more DevOps & System Admin posts →

Pictured is author Casey Falkowski with co-workers. Post title: Bringing Confidence to Complex Data Migrations with Snapshot Testing

DevOps & System Admin.

SST Makes Infrastructure Easy — Too Easy?

read post

Hot Reloading Kubernetes with Skaffold

DevOps & System Admin.

How to Hot Reload Kubernetes with Skaffold

read post

Docker Compose Dependency Management Isn't a Silver Bullet

DevOps & System Admin.

Docker Compose Dependency Management Isn’t a Silver Bullet

read post

Working with Docker Containers Made Easy with the dexec Bash Script

DevOps & System Admin.

Working with Docker Containers Made Easy with the dexec Bash Script

read post

View more DevOps & System Admin posts

Extracurricular Activities View more Extracurricular Activities posts →

Pictured: a set of emojis. Post title: A Command-Line Shortcut for Making Custom Slack Emojis

Extracurricular Activities

Level Up Your Emoji Game: A Command-Line Shortcut for Making Custom Slack Emojis

I built a command-line Python tool to quickly create custom Slack emojis, making it easier—and more fun—to express yourself at work

Pictured is a sign saying "Restroom" with Braille under the words. Post title: PottyMon: Keeping the Tradition Alive

Extracurricular Activities

PottyMon: Keeping the Bathroom Monitor Tradition Alive

Our bathroom monitor deteriorated from a lack of interest. But with new technology, could I keep the tradition of PottyMon alive?

Backup viewed in Proxmox Backup Server

Extracurricular Activities

An Ansible Role to Install my Proxmox Backup Client Scripts

I recently authored a new Ansible role for installing and configuring the scripts onto a target machine. Here's how to use the new role.

View more Extracurricular Activities posts

.NET / WPF View more .NET / WPF posts →

View more .NET / WPF posts

Personal Optimization View more Personal Optimization posts →

Building My Support Team Early & Other Things I’m Doing Differently in My Second Pregnancy

Personal Optimization

Building My Support Team Early & Other Things I’m Doing Differently in My Second Pregnancy

read post

Passengers on a bus. Post title: 100 Ways to Reclaim Your Commute

Personal Optimization

100 Ways to Reclaim Your Commute

read post

The author is pictured writing on a whiteboard. Article title: Why DurableTaskClient is Critical for Long-Running Azure Functions

Personal Optimization

Use the Elimination Method for Identifying Stressors

read post

Pictured is author Nate Gittlen. Post title: Tame JIRA and GitHub Email Spam with Gmail Filters

Personal Optimization

Tame JIRA and GitHub Email Spam with Gmail Filters

read post

View more Personal Optimization posts

TypeScript View More TypeScript posts →

View More TypeScript posts

React Native View more React Native posts →

Pictured are hands on a keyboard. Post title: How to Create a Chart with a Secondary Y Axis in React Native with Victory Native XL

React Native

Create a Chart with a Secondary Y Axis in React Native with Victory Native XL

The configurability of Victory Native XL charts can be a huge plus, especially when developing in React Native.

An iOS share sheet showing that a file named "my-database" that's 9.6 MB is being shared, and the file type is "SQLite Database".

React Native

How to AirDrop a SQLite Database from Your React Native App

My development team came up with a solution that takes advantage of the iOS and Android share sheet to let us export our SQLite database.

Don't Reinvent the Wheel or the Modal. Use React Native Reusables Instead.

React Native

Don’t Reinvent the Wheel or the Modal. Use React Native Reusables Instead.

React Native Reusables is a toolkit that lets you instantly add pre-built, customizable, and time-tested components to your React Native app.

View more React Native posts

Growing as Makers View more Growing as Makers posts →

Shown are two co-workers looking at a whiteboard together. Post title: What I Learned from a Quarter of Intentional Growth

Growing as Makers

What I Learned from a Quarter of Intentional Growth

read post

Close-up of a backlit computer keyboard. Post title: Tickets to Commits: What IT Work Taught Me About Writing Code

Growing as Makers

Tickets to Commits: What IT Work Taught Me About Writing Code

read post

Pictured is a person pointing at a computer monitor filled with code. Post title: Build a System to Learn and Remember Technical Topics as a Developer

Growing as Makers

Build a System to Learn and Remember Technical Topics as a Developer

read post

People at a networking event. Post title: From Daunting to Doable: 5 Steps to Meaningful Networking

Growing as Makers

From Daunting to Doable: Kill It at Your Next Networking Event with These 5 Hacks

read post

View more Growing as Makers posts

Atomic Thinking View more Atomic Thinking posts →

Pictured are two developers sitting in front of laptops. Post title: Shipping Every Sprint: Lessons from Continuous Production Deployments

Project & Team Management

Shipping Every Sprint: Lessons from Continuous Production Deployments

My team has been deploying to production at the end of every sprint. That rhythm reshaped how I plan work & collaborate with teammates.

Atomic Object employees sitting around a table talking with remote employees on a screen. Post title: Quality Can’t Be Tested In — It Has to Be Built In

The Software Life

Quality Can’t Be Tested In — It Must Be Built In

No time or budget for quality assurance, but your last project was full of bugs that could have been avoided? It’s time to shift QA left.

Pictured are a team of developers and designers at a table. Post title: Designing AI Suggestions for Emotional Contexts: What We Learned

AI for Designers

Designing AI Suggestions for Emotional Contexts: What We Learned

When you're designing AI features for a reflection platform, you face a challenge: how to add AI suggestions to sensitive moments.

View more Atomic Thinking posts