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.

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.