PinnedMatt ClaffeyAdding React Refs to an array of itemsReact refs are useful for when we have to amending elements when focus needs to be set on an element which was triggered from a state…2 min read·Aug 10, 2019--10--10
Matt Claffey5 reasons why data handling is easier with Redux Toolkit & RTK QueryHave you ever come onto a project and you notice there are multiple ways to call apis and you just get confused to which to use? Some ways…7 min read·Dec 8, 2023----
Matt ClaffeyinUX Collective“If only you knew the power of dark mode”Dark mode has been around for quite a long time now and you see a lot of websites embracing the power of what it can do by applying themes…5 min read·Jul 28, 2021----
Matt ClaffeyResponsive fonts using css clamp()If you have wrote CSS for fonts before you have probably experienced having to introduce a lot of media queries for different breakpoints.3 min read·Nov 30, 2020----
Matt ClaffeyHow to mock api calls in StorybookThe 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…3 min read·Sep 21, 2020----
Matt ClaffeyKeeping your medium content fresh in your 11ty website using Github Actions and NetlifyOn my personal website I use Medium as my content platform so I can channel my content via multiple channels. This is great because it…2 min read·Jul 26, 2020----
Matt ClaffeyHow to reduce you html output in 11tyMinifying 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…3 min read·Apr 25, 2020--2--2
Matt ClaffeyLazy Loading Images 2020Lazy loading is a concept where you only load the images within the viewport of the device the user is in. As the user navigates around…5 min read·Apr 25, 2020----
Matt ClaffeyMy favourite talks at DotCSS ParisDay one was focused around CSS and each talk was truly inspiring. Here are a couple of talks that really stood out for me.4 min read·Dec 23, 2019----