1️⃣ Introduction If you’re anything like me, then the thought of getting a new computer invokes two emotions: excitement and dread. You’re excited to get a brand new computer that is an upgrade to your current machine or maybe you’re starting a new j ..read more

I am excited to announce my hackathon project called Music Maestro ? Music Maestro*is a site that helps you craft custom playlists.* The architecture uses AI to create tailored playlists based on any search criteria ? View the live version of the ..read more

A Note on the Series: Fast Fridays ? is a series where you will find fast, short, and sweet tips/hacks that you may or may not be aware of. I will try to provide these (fairly) regularly on Fridays. In this Fast Friday tip, Ill cover a short bash script I created that has allowed me to start developing new components within our reports library in seconds instead of minutes. Im always looking for little hacks I can employ to help improve my productivity as a developer and I hope this helps you as well! The Friction Point Throughout my career, Ive maintained a few component libraries and there ..read more

Introduction With the heavy infiltration of AI into society and software applications, I found myself reflecting on a book I read a few years back. Steal Like an Artist by Austin Kleon is a manifesto for creativity in the digital age. Although the book was written over a decade ago, I think its message is as relevant as ever in this digital age where the lines between AI-generated content and human-generated content are becoming blurred. With the sheer number of tools and resources at our fingertips, it's arguably easier than it's ever been to render content. However, let's make sure to rememb ..read more

Introduction ChatGPT and the rise of generative AI are trending topics at the moment. Since AI affects developers I figured I'd write a piece about my early reflections on ChatGPT. This blog post will mostly be a stream of consciousness of my thoughts, opinions, and predictions on this topic so take it with a grain of salt ? AI and its effects in the workforce are still to be seen but here are my early thoughts. Let's start at the very beginning... ? Fear When I first heard about ChatGPT and watched numerous videos on what it was capable of, I was terrified. That is not hyperbole either. I rem ..read more

Headless components are a trend that I've seen emerge over the past couple of years. With veteran libraries like Downshift and ReachUI and newer libraries like Radix and Headless UI, it seems to be a trend that is here to stay. Throughout this article, I will provide a more thorough definition of what headless components are, why they are beneficial, and how they can be incorporated into your component libraries. What are Headless Components? Headless components are unopinionated, unstyled, components that handle a majority of the tricky implementation details so that you can build out compone ..read more

Introduction This guide will explain how to set up Medusa in a React application. Medusa is an open source headless commerce engine built for developers. Medusa's composable architecture allows for endless customization and provides a friendly developer experience. React is a popular JavaScript library that provides a declarative and component-based architecture for building user interfaces. Throughout this tutorial, you will learn how to build a React ecommerce store with Medusa. You will learn how to set up the Medusa server and admin panel and build out some pages to make up the storefront ..read more

Currently, I'm developing a component library at work that will be consumed by our company's internal applications. Part of this process requires bundling the library and making sure that it can be installed in other applications. Before publishing the package, however, I wanted to test importing the components from a local version of the bundled code. Turns out that testing a local version of a package is a fairly straightforward process with yarn link (There is also an npm link equivalent). In this blog post, you will learn what npm/yarn link is, how it works, and how you can incorporate it ..read more

Hacktoberfest is an annual event that has been hosted by DigitalOcean for almost a decade. The purpose of Hacktoberfest is to encourage people to contribute to open-source projects throughout the month of October. Much of the technology and applications used in the world rely heavily on the hard work done throughout open-source projects. Hacktoberfest is a way to give back to the open-source community that has given so much to us. My inaugural Hacktoberfest was in 2021, and it was a lot of fun to participate in the event. I liked the idea of jumping into a random codebase and seeing how quickl ..read more

Radix is an open-source library that provides components for building accessible, high-quality React web applications and design systems. Radix is part of a new wave of headless components being created in the frontend space, and this pattern has been gaining a lot of traction lately. This guide aims to provide you with a deeper understanding of Radix and how it can be used to build out design systems and component libraries. The latter half of this article provides an in-depth tutorial on building a sample component library with Radix Primitives. ? Radix overview Radix is composed of a suite ..read more