Integrating Sentry.io with GatbsyJS

When a web application has a lot of incoming traffic we want to have some form of logging to monitor errors across the domain so our application is performing at its best. In this article I am going to show you how to implement Sentry with GatsbyJS.

Read moreabout Integrating Sentry.io with GatbsyJS

How to mock api calls in Storybook

The other day I was building a storybook page component and I was having issues where the page had a useEffect hook that hit an api from the dev environment to populate the state.

Read moreabout How to mock api calls in Storybook

Storing an array of elements using the useRef hook

React refs are useful for when we have to set focus to an element after the user has interacted with it. In my case, I needed to use refs for setting focus to the correct accordion item when I selected/used arrow keys.

Read moreabout Storing an array of elements using the useRef hook

Loading Fonts The FOUT Way

Fonts have the potential to be extremely slow. The more you include the more it can impact multiple metrics such as page weight, page load, first paint and first contentful paint.

Read moreabout Loading Fonts The FOUT Way