Kieran Roberts | Software Developer

Hi! I'm a |

I build fast, accessible, and responsive sites for the modern web. With mutliple years worth of industry experience working on projects supporting thousands of active users. I love what I do!

Read my blog Get in touch

See my skills

 const usePrefersReducedMotion = () => {
   const [prefersReducedMotion, setPrefersReducedMotion] = React.useState(true);

   React.useEffect(() => {
     const mediaQueryList = window.matchMedia(QUERY_NAME);
     setPrefersReducedMotion(!window.matchMedia(QUERY_NAME).matches);

     const listener = (event: React.ChangeEvent) => setPrefersReducedMotion(!event.matches);
     mediaQueryList.addEventListener("change", listener);

     return () => mediaQueryList.removeEventListener("change", listener), []);
   }
   return prefersReducedMotion;
 };

 export { usePrefersReducedMotion };

Java(Type)Script is my playground

But only when JavaScript is required. For example this site is built with Astro to reduce the JavaScript overhead.

  export const setThemePreference = (theme: Theme) => {
    window.localStorage.setItem(STORAGE_KEY, theme)
    reflectThemePreference(theme)
  };

Current Status

May 10th, 2021 - Present

Full stack developer at

Working at a fast paced tech startup, Hashnode offers various tools and solutions for software developers and technical writers in the online blogging space. It's where I started my blogging journey and it's GraphQL API's power my headless blog today.

Employed

Full stack developer

May 10th, 2021 - Present

Working closely with the design team to build accessible and interactive UI's for the product, powering a component library.
Building full stack features from the ground up, through from concept to conception. Working across UI/UX, AWS based infrastructure, and public/internal GraphQL API's.
Code review, internal documentation, product testing, issue crafting, and writing for our blogs are all part of the day to day activities.

Find out more about me

Check out my blog

I love to share what I have learned with others. In my blog you can find content on Next.js, React, and a host of general web development topics.

Visit blog

How To Persist Style Changes Through Reloads Using Overrides In Dev Tools

Sidenote This month on Hashnode we have been running the #DebuggingFeb Writeathon. As a software developer at Hashnode, I thought I'd join in. Of course, I won't be eligible for any prizes of course but it's a great opportunity to share knowledge wit...