In this article, we’ll be focusing on one component in specific that we’ll dive into and refactor while focusing on re-usability and props. This came about as I was updating my portfolio and came acr…
In this guide, we’ll utilize to generate an RSS feed that contains blog posts from a Gatsby site. We’ll then use the RSS feed to display that data dynamically onto a different site using an NPM pack…
As per the create-react-app docs. Creating templates is a feature available with react-scripts@3.3.0 and higher. Using CRA (create-react-app) is a convenient and fast way to get started on a React pr…
Out of pure meddling and frustration over being stuck on a project for a lot longer than expected, I learned quite a bit about CSS variables and how they allow us to make dynamic changes with ease. W…
In this guide, we’ll take a look into useState by comparing class and function components. This isn’t an in-depth look as there are other great features of the useState hook that aren’t included in t…
There are times where you’ll have an object and want to preserve it’s properties and restrict its behavior. This is when we can reach for , , or . Let’s create an object with several properties. We’…
I feel it’s safe to say that hoisting in JavaScript leads to a lot of confusion and it’s mainly due to how it’s explained and our condition to take words immediately for what they are. Hoisting is t…
is a method used on arrays to handle iteration. It uses a callback function on every Element in the array it’s called on. It’s one of my most used array methods and quite possibly my favorite. The gr…
CSS in JavaScript doesn’t hold an amazing reception, yet here we are, doing exactly that. Who would have thought 🤷🏽♂. Styled-components is one of many (my favorite) ways to style React components. It a…
Let’s clear something up that will hopefully help you understand the when and why of for..in and for..of before we dive into any examples. In JavaScript, we have something called iterables. It’s simp…