Dermot Hughes
Designer.
Developer.
Pixel Pusher.
One of the patterns that can significantly improve our codebase is the Compound Component pattern. Today, we're diving deep into how this pattern works, the problems it solves, and some advanced techniques.A simple cheatsheet for all the JavaScript Array MethodsSetting if a prop is optional or not in TypeScript is really simple. But what if you have several optional props, you don't care which one is passed, but one of them has to? That's where Generics can save the day.The aim of this project was to replace an expensive, ancient Yell website with a light, fast, and optimised site. The new site was built using Gatsby, taking advantage of Netlify CMS to fulfil a client request to have an easy way to add new content such as fleet photos.I recently did a talk at Belfast JS on an introduction to Design Tokens. You can check out the recording here.This will be a quick one. I've wondered for a while how Spotify do their dynamic colours from an album cover, so went down a rabbit hole. While I might look into a more accurate way , I discovered a neat trick for getting that dynamic glow effect on an image.There has been an increasing issue where "Front End" just means anything to do with the browser or web. The shear amount of knowledge a Front End Developer apparently needed to know is so vast as to be impossible.How I generate a printable PDF version of my CV automatically every time I update it, using Node and a headless Chrome.As part of a rebranding update, Royal Bank of Scotland and NatWest required an update to their MyRewards loyalty scheme website. The brief required updating the styles of the site to a fresher and cleaner theme but without changing the core legacy code.During my time at Reward, one of my projects was building a new website for the company. Although most of my work there was on internal apps based on Angular, this brief called for a public facing website that could be edited by the marketing team without need of the development team to intervene.During my time at Chain Reaction Cycles, I was the Lead Email Developer - I worked closely with other designers and marketers to create hundreds of bespoke marketing emails for across the globe in 7 different languages.This was a landing page and email template created for the digital recruitment platform, SeeMeHired.