2021: Beautifully Chaotic
There is a good chance that 2021 was one of the best years of my life... have I peaked?
Continue ReadingThoughts from a web developer
How to test a Material UI Select component using React Testing Library
As great as the library is, testing Material UI components can be tricky at times. This is mainly due to how the components are nested within the DOM on render, which can sometimes make it difficult to know...
Continue ReadingFind your community
I recently started a new role as a remote front end developer. The majority of my colleagues are a 4 hour drive away, and some would require a long haul airplane ride to visit. It is truly exciting to productively work with people from all around the world on a daily basis...
Continue Reading2020 in Review
Taking a look back at this dumpster fire of a year.
Continue ReadingWhat is optional chaining in JavaScript?
Optional chaining will soon be coming to JavaScript (at the time of writing it is in stage 4). Let's take a quick look at what optional chaining is and why you should be excited about it.
Continue ReadingHow to create a spacing system using Styled Components
In this article we are going dive into spacing systems, we will explore what a spacing system is and how it can help you design with confidence and consistency.
Continue ReadingHow to create Stripe's gradient banner with CSS Grid
Stripe’s website is often used as an example of excellent web design, and you can see exactly why. I particularly like the background effect used within their banner so I decided to figure out how to build it using CSS Grid.
Continue ReadingHow does the SVG viewBox work?
In this article we are going to discuss the SVG Viewport and viewBox. Both are important concepts to understand if you want to level up your understanding...
Continue ReadingManaging State with React Hooks
Before the introduction of React Hooks, there was no way of using state in a functional component. But we can now use the useState Hook to apply local state to our functional components...
Continue ReadingExploring ES7's new Object methods
As you might have already guessed, Object.values() returns an array of the Object's values (basically the opposite to Object.keys()), whereas Object.entries() returns...
Continue ReadingTop Javascript Array Methods
As web developers, we have access to some extremely useful methods for working with arrays in Javascript, many of which didn't exist when I started learning. Knowing and utilizing these methods will give you super powers when working with arrays...
Continue ReadingThe Ultimate Life Hack for Developers
If you are anything like me, then you have likely felt unmotivated with your work as a developer more than a handful of times. You may have even suffered from burn out...
Continue Reading