Developer. Writer.
Tinkerer.
Developer. Writer.
Tinkerer.
Recent Publications
A Deep Dive into the Future of React Development
React server components (RSCs) are a scary relief because they make us rethink how we should go about building React apps but they also encourage interesting patterns that improve the overall developer and user experience. But what are RSCs and how do they work? In this article, we’ll demystify the concept of RSCs and explore the benefits alongside the future possibilities as a result of moving to a server component model.
Read morereact
20 min read
Unlocking the mysteries behind the CSS Stacking Context
The z-index property is a source of constant frustration as it often fails to behave as expected. This may be due to the stacking context; a fundamental concept that underpins the z-index property. It plays a pivotal role in determining how z-indices work, however, despite its significance, the stacking context remains an overlooked concept. In this article, we delve into the intricate relationship between stacking context and z-indices, shedding light on one of the most irritating questions in CSS: why does setting a z-index value as high as 99999 sometimes not work?
Read morecss
9 min read
Exploring serverless and edge computing
As technology races forward, the need for tools and infrastructure that facilitate rapid and efficient data delivery becomes increasingly pressing. This article explores technologies like serverless and edge computing as solutions that allow us to meet the demand for faster and more efficient data delivery. We examine the intricacies of edge computing and we uncover its advantages and disadvantages, while also exploring its potential impact.
Read moreProgramming
13 min read
A deep dive into Cascade Layers
We've all experienced CSS style collisions in our codebase when writing new styles or adding new 3rd-party styling libraries. This can make working with CSS incredibly frustrating sometimes! However, there have been some new additions to the CSS spec that makes working with the cascade a bit easier. This article explores cascade layers and how they rework our approach to organizing and structuring styles within CSS.
Read morecss
15 min read
A deep dive into container queries
Design on the web has changed drastically over the years. Tools such as media queries, flexbox, and CSS grid allow developers to reshape layouts on the web to suit the devices of many users. Although we are still iterating and uncovering answers to questions that drive the user experience on websites, the shift to component-based development has made it increasingly important to think about how components define their own layout. This article explores container queries and how they iterate on the idea of micro-layouts.
Read morecss
14 min read
Setting up another development environment can be a tedious landscape to navigate. It slows the build process as you first have to set up all the dependencies. Moreover, in a production setting, those same dependencies must be set up before your application becomes accessible. This article explores what it means to containerize an application and why developers may want to opt into this approach as their application grows.
Read moreprogramming
11 min read
An exploration into sorting algorithms
Data structures & Algorithms (DSA) may be the bain of every computer science student's existence; it sure was mine. But after contributing to/writing software for small businesses and personal projects, I can appreciate why it's important to learn and its specific use cases. This article explores the sorting algorithms part of DSA's and tours through the importance and use cases of various sorting algorithms.
Read moreprogramming
11 min read
Uncovering what is means to conditional render a component
You've just stumbled across the about page of this blog and realized that you have an option of reading either a short or long version of the description. You start to wonder how a feature like this can be created. In short, it's all based on conditional rendering. In this article, we will explore the topic of conditional rendering and how we can use it to create custom experiences based on user input.
Read moreprogramming
4 min read
A look into how the word game Clueless Words picks a new word everyday
Games like Wordle, Clueless Words, Nerdle, and so on somehow generate a new word/puzzle every day. It's an aspect of these games that are not thought about from the player's perspective at least not until one of the players tries to build a daily puzzle. In this article, I explore different ways to pick a new word/puzzle every day and the pros & cons of each approach.
Read moreprogramming
5 min read
unwrapping the :has selector in CSS
CSS has a lot of ways to select elements in the HTML and so many options can make it difficult to choose which method is most sufficient. The :has selector gives us another way to select parent elements but it allows us to do so much more. Here we deep dive into what the :has selector is and explore different use cases
Read moreCSS
5 min read
The guide to why you should manage your state within react
Properly managing state within a react application can greatly improve the developer experience and accessibility to information needed by specific components. In this article we'll explore why and how to properly manage state within a react application.
Read morereact
3 min read
The guide to routing within react, not using a framework
You may be familiar with websites having multiple pages which are interconnected and allows users to navigate to different areas of your website. Naturally, when we want to add a new page to our website, we can just create a new HTML file and link it to other pages using the anchor tag ( `<a></a>`). Additionally, other pages can then link page to this newly created page with the same anchor tag. This doesn't quite work the same when we are using something like react as react results in a single page application (SPA) -- an application that only has one HTML file. So the question then becomes how do we simulate a multiple-page experience within a SPA?
Read morereact
5 min read
The javascript Filter Method
We're going to be using some javascript to simulate a real-time search feature in an application. The filter method which can be used on any iterable provides us a way create the search feature. Today, we are going to be exploring the javascript filter method and its use cases.
Read morereact
4 min read
The first step to understanding state in react
When I started with React, the first thing I thought was ughh yet another framework to learn but honestly after using it for the past couple of years, React has really grown on me. It fun to work with but there is always that question someone has when getting started -- Where do I even begin? This article will be exploring the basics of react, react hooks, and we will walk through how to create your first react application.
Read morereact
6 min read
Let's create a UUID generator
So you need to sign up participants to this game that your team is building and you realize that you need some way to identify each participant other than their name because for the obvious reason there are multiple participants that may have the same name. Your project manager has suggested that you use a unique identifier for each participant but has insisted that this identifier be of an alphanumeric value. In this article, we'll explore how to create a UUID generator to get a text file on our desktop that is populated the number of unique identifiers that asked for.
Read morepython
4 min read
Categories