Blog 📖

Click on any one of the tags below to filter the blogposts. Keep clicking to further narrow your options.

Alternatively, you can also use the search 🔍 page to look for what you want as well.

How to increase the resilience of test expectations by tapping into the test data

Sun Apr 30 2023

How to increase the resilience of test expectations by tapping into the test data

A quick way to increase the resilience of test expectations when the test data keeps changing

The difference between any and unknown in Typescript

Sun Apr 30 2023

The difference between any and unknown in Typescript

A quick expalantion of why and where we would use unknown instead of any

Element implicitly has an 'any' type because expression of type x can't be used to index type

Fri Apr 14 2023

Element implicitly has an 'any' type because expression of type x can't be used to index type

How to resolve the "Element implicitly has an 'any' type because expression of type x can't be used to index type" warning

Uncaught Error: A state mutation was detected between dispatches, in the path x. This may cause incorrect behavior

Fri Apr 14 2023

[SOLVED] React-Redux Uncaught Error: A state mutation was detected between dispatches

How to solve the "Uncaught Error: A state mutation was detected between dispatches" thrown by redux

How to find the time to write blog posts as a developer

Mon Apr 10 2023

How to find the time to write blog posts as a developer

Writing is rewarding but finding the time for it isn't as easy. Here are my tips on how to find the time

How to get Pull requests (PRs) reviewed faster

Mon Apr 10 2023

How to get Pull requests (PRs) reviewed faster

A few tips that I learnt and now use everyday to have my PRs approved faster

Add a subheading

Sun Jan 29 2023

[SOLVED] TypeError: (0 , _reactRedux.useSelector) is not a function

An explanation as to why this error occurs and how to overcome this

image

Sat Jan 28 2023

How to convert TypeScript Enum to a Union Type

An explanation of 2 easy ways to convert a TypeScript Enum to a Union Type

image

Sun Jan 22 2023

[SOLVED] React Testing Library snapshots failing due to dynamically generated IDs

A solution to prevent RTL snapshots from failing every time your tests run due to dynamically generated IDs

image

Sat Jan 21 2023

Passing fresh props to a throttled event handler through Redux

A solution to a recent issue I had where I was unable to pass updated props to a throttle onScroll event handler

image

Sat Jan 21 2023

Property “x” does not exist on union type in typescript when object destructuring

An outline into how to destructure object properties when coming across the "Property “x” does not exist on union type" warning"

image

Fri Jan 20 2023

Partial matching objects, nested objects, arrays and nested objects in arrays using Jest

A guide into how to use jest matchers to do partial matching for data inside objects and arrays (even when nested)

Add a subheading

Sat Jul 30 2022

How to fix "To load an ES module, set "type": "module" in the package.json" when installing next-sitemap

Solve this error encountered when running the next-sitemap in postbuild

Add a subheading

Fri Jun 10 2022

How to update URL hash on scroll with Next.js Router

An explanation of how to dynamically update the URL hash when scrolling in Next.js using next/router

Map through props and apply CSS inside Styled Components

Thu Jun 02 2022

Map through props and apply CSS inside Styled Components

How to map through the props passed into a styled component and apply styling

How to remove falsy elements/values from a JavaScript Array

Thu Jun 02 2022

How to remove falsy elements/values from a JavaScript Array

Here are some of the best ways to remove falsy values from a JavaScript array

Add a subheading (5)

Mon May 30 2022

Example React component to render Contentful Rich Text

A quick code snippet showcasing how I render the rich text I get from a Contentful CMS

How to add multiple GraphQL endpoints to Apollo

Mon May 30 2022

How to add multiple GraphQL endpoints to Apollo

Learn how to work with more than 1 GraphQL endpoints when you are working with Apollo

Best way to group an array of objects by a key

Sun May 29 2022

Best way to group an array of objects by a key

A quick walkthrough on how to use the array reduce method to group objects in an array by any property value

blog post image

Sat May 28 2022

How to remove falsy property values from a JavaScript object

A quick snippet of code showcasing a function I created to remove falsy values from a JavaScript object

14

Sun Dec 12 2021

How to land clients on UpWork (template for approaching clients included)

UpWork is a great source for landing good quality project to beef up your portfolio, if you do it right. Learn how I did it.

13

Sun Nov 21 2021

How to get experience to get experience as a self-taught developer

Some thoughts on how to break the cycle where you need experience to get experience as a self-taught developer

11

Sat Jul 31 2021

How to expose your development server to the Internet with ngrok

A quick guide on how to expose your development server to the internet

14

Thu Jan 21 2021

How to create a Layout component in Gatsby

Learn how you can share your Navigation and Footer components across all your pages on Gatsby and other React powered frameworks

8

Thu Jan 07 2021

Creating dynamic social media cards for SEO in Next.js

A solution to the issue of creating dynamic social media cards when working with Next.js

15

Thu Jan 07 2021

8 takeaways from my first hackathon

Read the 8 takeaways from my first ever hackathon to increase your chances of winning and having an awesome learning experience

image 1

Thu Jan 07 2021

A sticky Navbar in React with 3 lines of code

Making a sticky navbar is no longer tedious thanks to the new Sticky CSS property! Learn how to do this with only 3 lines of code!

7

Thu Jan 07 2021

What are CSS modules in React and why use them?

CSS Modules help us to scope CSS in every React component locally and prevent style overflow. See how you can integrate it here.

16

Thu Jan 07 2021

How to destructure nested objects using ES6

Destructuring nested objects in JavaScript can be a fun excercise thanks to ES6. Check out the example here and try it yourself!

17

Thu Jan 07 2021

4 ways to render content conditionally in React

React provides us with the ability to render content and components conditionally and in this post I show you how to achieve this

9

Thu Jan 07 2021

Integrating Continuous Deployment to Gatsby

Learn how to intergrate Continuous Deployment to Gatsby projects using GitHub and Netlify to make pushing new features easier and faster

18

Thu Jan 07 2021

What's a good Front-End project partnership?

In this post I share my tips for how clients and developers can work together with a shared vision and trust to achieve product success

12

Thu Jan 07 2021

Why every developer should be on YouTube

I finally have my own YouTube channel! Read onto to find out why I started a YouTube channel and the hurdles that I overcame to get here

10

Thu Jan 07 2021

8 etiquette tips for using Slack

Here are my thoughts on how you can use Slack to get work done with irritating your colleagues and teaching them a few things too

19

Thu Jan 07 2021

How to easily deploy your React app

Deploying a React app isn't hard. In this post I show you how to do it in under 2 minutes with the free to use Netlify platform.