Short solutions to discrete problems.
I have documented some React hooks I find useful but there are many, many hooks out there. Here are some great React Hooks resources. Cheers!
Implementing Google Tag Manager in Nextjs.
Debouncing is a strategy that lets us improve performance by waiting until a certain amount of time has passed before triggering an event.
Animated slide in pane component with Framer Motion
Compile and bundler MDX files with mdx-bundler
Recursive timeout function that can be used for timed events.
When dealing with a server-side rendered application it can be useful to know when you are rendering on the client.
useMediaQuery is a react hook that makes testing for media query matches in your code easier and simpler.
Some people do not prefer animations, and for some motion can be harmful. The prefers-reduced-motion CSS media query allows us to disable animations.
Using Google Analytics API to get page data.
The Intersection Observer API allows you to configure a callback that is called whenever an element intersects either the device viewport.
Adding SEO using a wrapper container