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.

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?

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.

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.

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.

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.

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.

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.

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.

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

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.

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?

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.

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.

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.

Dark mode, a fan favourite amongst developers and user alike. I find that there are a lot of nuances about creating dark theme for a website/application that are missed -- it isn't really as simple as inverting the colour scheme of your website/application. In this article we will explore some of those nuances and find how to create an effective dark theme.

Most often we use the new year as a time to learn new skills and break bad habits and with the rapid expansion of technology into our daily lives, it would be a great idea to add programming as a skill to learn for 2022. Most often, the people near me, be it friends/co-workers are interested in learning how to program but have no clue where to start. So, today, we'll be talking about why it would be good to learn programming in 2022 and how to even get started. We'll touch on what resources are available to get started, be it wanting to learn on your own or wanting to go to a boot camp.

JSON, JavaScript Object Notation, is a lightweight format for storing and retrieving data from across the internet and is most often used in retrieving data from an API. Today, we will take a look at how we can create, and read JSON data we want to send or retrieve from an API. This article explores how we can create and read JSON data we want to either send or retrieve from an API.

Summations over an iterable can be accoumplished in numberous ways, however, the array methods in javascript provide a high order function that make doing these operation easier. In this article, we'll explore the reduce method in javascript and how we can use it to turn a list of numbers into one number.