Tech Snacks by Passionate People

🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications. - GitHub - alan2207/bulletproof-react: 🛡️ ⚛️ A simple, scalable, and powerful architecture for...

Eagerly loading images within the initial viewport—while liberally lazy-loading the rest—can improve Web Vitals while loading fewer bytes.

My father-in-law loves the Olive Garden. So of course that's what we offered to bring for our first post-vaccination meal. I grabbed my iPad and passed it around to build an order. Everything went smoothly until I tried to checkout. The checkout button was off screen and impossible to hit. So I investigated why this was happening and took a guess at how much this bug might cost the Olive Garden’s owners.

By adding visual elements to your tests, you can gain more options to add meaningful ways in maintaining a high level of quality for your app. Colby Fayock explains how.

Read this guide to understand what API vs. microservices are. Learn the advantages of the microservice architecture and how it can work with APIs.

My list of “Probably Are Gonna Need It” security features for your web app – things that you should build up-front, not wait until you need them (when it’s already too late).

When we released Apollo Server 2 in 2018, our goal was to make it the best-in-class GraphQL server by integrating many of the most useful GraphQL libraries available at the time. However, for backward compatibility reasons, this meant that Apollo Server 2 continued to include the 2018 versions of these libraries three years later. Apollo […]

I recently had to create a widget in React that fetches data from multiple API endpoints. As the user clicks around, new data is fetched and marshalled

If you're debugging JavaScript in Visual Studio Code you probably have used either the Chrome Debugger or the

Where I curate and write about things related to web development.

Things I wished someone would have told me earlier… All the learnings from creating design systems consolidated into one story….

After many months of research, development, and testing, we’re excited to announce that the React Spectrum ComboBox component and React Aria useComboBox hook are now available! In this post we'll take a deeper look into some of the challenges we faced when building an accessible and mobile friendly ComboBox.

An introductory walkthrough of React controlled/uncontrolled components.

React hook for smartcrop.js to content aware image cropping with points of interest and facial recognition. - GitHub - useflyyer/use-smartcrop: React hook for smartcrop.js to content aware image cr...

Discovery is a place where you can learn everything you need to know about the modern-day web development tools you need to build the web of tomorrow.

Astro is a brand new framework for building websites. To me, the big thing is that it allows you to build a site like you're using a JavaScript framework

Too often dealing with filters can be frustrating. Let’s get them right. That means never freeze the UI on a single input, provide text input fallback and never auto-scroll users on a single input. Here’s why.

A lot of people have come to call me The King of CSS lately. While I appreciate the sentiment, the title doesn't fit.

The web as we know it is changing, it's turning from being static, single-player, and centralized to being immersive, multi-player, and decentralized.