Matthew Claffey

👨🏻‍💻 Frontend Engineer (sometimes UI Designer), based in Manchester.

About Me

Hi! I'm Matt, I specialise in in HTML5, CSS3, JavaScript/React and have experience working with .NET & PHP Platforms. I am currently working as a Software Engineer at Cinch, who are based in Manchester.

I have over 6 years professional experience in front-end development working with multiple agencies & in house companies — helping teams collaborate, work better together, streamline workflow, and deliver quality websites and applications.

✍🏻 I like to share what I learn to help others

I blog on Medium about all the things I learn and I feel that it is so important to share the knowledge with the world about the things I am passionate about.

Browse posts

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. There was a few issues with this because the data I was getting back needed an Id so it could a lookup in the database to find the record relating to the Id.

Read more about How to mock api calls in Storybook

How to reduce you html output in 11ty

Minifying html is a really useful feature that can improve TTFB on the page and with 11ty it is very simple to do. In the eleventy.js config file we need to add a transform to the config which will check if the output is a .html file and if it is we will use an npm plugin called html-minifier to compress our html code.

Read more about How to reduce you html output in 11ty