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…Aug 10, 201911Aug 10, 201911
Matt ClaffeyReact Design Patterns Part Three: Render Props PatternComplexity level: IntermediateSep 9Sep 9
Matt ClaffeyReact Design Patterns Part Two: Props CombinationProps are used to pass data from one component to another. The prop combination pattern groups related props into a single object.Aug 27Aug 27
Matt ClaffeyReact Design Patterns Part One: Conditional RenderingLearn the basics of Conditional Rendering in React with this easy-to-follow guide. Part 1 of our React Design Patterns series, featuring…Aug 16Aug 16
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…Dec 8, 2023Dec 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…Jul 28, 2021Jul 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.Nov 30, 2020Nov 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…Sep 21, 2020Sep 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…Jul 26, 2020Jul 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…Apr 25, 20202Apr 25, 20202